How To Make Content Responsive In Css: Page Layouts


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

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 w...

Making content responsive
Video duration: 8m 33s 8h 57m Beginner

Viewers:

Making content responsive 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 ...