From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Organizing styles - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.