Victor Kimura
asked on
CSS media queries: order of layout of <div> sections
Hi,
I was just reading about the skeleton CSS media queries framework for different layout sizes here:
http://designshack.net/articles/css/build-a-responsive-mobile-friendly-web-page-with-skeleton/
I understand the coding. However, I was reading this post:
http://designshack.net/articles/css/20-amazing-examples-of-using-media-queries-for-responsive-web-design
and there are some examples of a responsive layout like the about.com page:
http://www.about.com/#!/editors-picks/
My question is how does one code the layout to determine what goes first and second and third and so forth?
For instance, in that link of the about page, there are several photos and they are probably in some <div> tags. But when viewed in a vertical layout on my mobile phone the photos are shown in a certain order. Is the order determine by the order of the code?
Just learning the responsive layout media queries.
Thanks<><
I was just reading about the skeleton CSS media queries framework for different layout sizes here:
http://designshack.net/articles/css/build-a-responsive-mobile-friendly-web-page-with-skeleton/
I understand the coding. However, I was reading this post:
http://designshack.net/articles/css/20-amazing-examples-of-using-media-queries-for-responsive-web-design
and there are some examples of a responsive layout like the about.com page:
http://www.about.com/#!/editors-picks/
My question is how does one code the layout to determine what goes first and second and third and so forth?
For instance, in that link of the about page, there are several photos and they are probably in some <div> tags. But when viewed in a vertical layout on my mobile phone the photos are shown in a certain order. Is the order determine by the order of the code?
Just learning the responsive layout media queries.
Thanks<><
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER