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.
Making content responsive - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Making content responsive
Now that we've discussed media queries and how to properly organize responsive styles, let's turn our attention to some of the ways that we can take advantage of media queries to make our content a little bit more responsive. So I have the content.htm file from the 07_04 folder opened up, and I want to preview the finished version of this for you in the browser first, so I'm going to switch over to my browser here. Okay, so here's our finished page. This is sort of where we're going, and I just want to talk about the different parts of this. Over here on the right-hand side, we have a menu of our archived galleries. Beside that we have a branding image. And you'll notice that as I begin to resize this that this layout is flexible. So as I begin to make the page larger or smaller, obviously the different parts of it are responding to that. Now if I hit a specific breakpoint and that breakpoint is for our mobile devices, you'll notice that the layout changes and when the layout changes,…
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.