How To Organize Styles In Css: Page Layouts


show more Organizing styles provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts show less
please wait ...

Organizing styles

Media queries are amazing. The ability to totally change your layout based on factors like screen size or orientation really opens up a lot of possibilities for us as designers. However, because of their selective nature in how they apply styles, media queries can create a huge headache for you if you don't properly plan and organize your styles. In this movie we will explore organizing your media queries in a way that allows you to write the most efficient styles possible and prevents styling conflicts when media queries are triggered.

So I have the organizing.htm file open here, and for all intents and purposes, it's pretty much exactly the same file that we were working with in our last exercise. However, there have been some slight changes to the styles. And if I scroll down a little bit into the styles, I can see that I have a grouping of styles down here now that say "styles that change." So essentially, one of most important parts of planning media queries is to id...

Organizing styles
Video duration: 8m 39s 8h 57m Beginner

Viewers:

Organizing styles provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts

Subject:
Web
Software:
CSS
Author:
please wait ...