From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Organizing styles

Organizing styles - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

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 identify what I…

Contents