Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 23, 2016 at 12:33 am #602239
    mleite1

    Hello, I need a lot of help from you. I am using columns in the assembly of my page and inside it has text with a background image.

    SEE PAGE
    http://www.liliansouza.com/assets/2016/#atividades

    How do I keep the same column formatting and formatting text in different resolutions?

    For example (Change the resolution of your monitor and see)
    In resolution 1920 x 1200 is perfect
    In 1280 x 800 resolution change much

    BACKGROUND IMAGE
    As well as maintain the aspect ratio of the background image?

    March 26, 2016 at 2:40 am #603755
    Josue

    Hey!

    You can use media queries to set different values in certain sizes, try changing your code to:

    /*FORMAT COLUNA TEXTO*/
@media only screen and (min-width: 767px) {
	div #av_section_3 .av_one_fourth {
	  margin-left:-16%;
	  width:35.5%;
	}
}

@media only screen and (min-width: 1200px) {
	div #av_section_3 .av_one_fourth {
	  margin-left:-26%;
	}

}

    The first block will affect from 767px and the second code will affect 1200px and beyond.

    Best regards,
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.