O'Reilly logo

Mobile First Design with HTML5 and CSS3 by Jason Gonzalez

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Content panels

You may remember that, as with the Home page, each content panel will have an image, a heading, and a short blurb.

Content panels

If I were doing this to show off my portfolio of work on websites, I would use screen grabs of each project I want to highlight and work on writing fairly short headings and blurbs for each. By default 320 and Up has each heading as a link to a corresponding page but you could link each panel, instead, if you are worried that people won't click on it. Later, we will make an example page to demonstrate where a user might land if they were to click the heading.

For this example page, we will continue to use the placeholder ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required