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

Making content responsive - CSS Tutorial

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

Start my 1-month free trial

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,…

Contents