Building responsive layouts: Solution


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

Building responsive layouts: Solution

I hope you enjoyed working through the responsive-layout lab. Now, creating responsive layouts takes a lot of focus and planning, and just being dropped into the middle of a partial layout like you guys were is a little bit challenging. So let's take a look at the solutions to your tasks and then discuss some of the other responsive features of this particular layout. So I have the index.htm and the main.css opened up from the finished_files directory in the 07_06 folder. And the first thing that you were tasked to do is to create a viewport tag that forces mobile devices to set their viewport width to the actual device width and to set the initial scale at 100%.

And there is the syntax for that right there on line number 6. A couple of things where people typically make mistakes within the syntax is the comma-separated list of properties here. They might have another set of quotation marks, for example. They may forget the comma. So check out your syntax and make sure that it matches...

Building responsive layouts: Solution
Video duration: 9m 24s 8h 57m Beginner

Viewers:

Building responsive layouts: Solution 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 ...