O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

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

Exercise 2a – creating the layout design for wireframes

Now that we already have the wireframe and knowledge of how to operate the columns of the grid, we need to adapt the wireframe to fit the main elements in the columns, as shown in the following screenshot:

Exercise 2a – creating the layout design for wireframes

After that, it's about time we colorize it and imagine offering the user the best experience for all devices.

Based on the wireframe from Exercise 1 in Chapter 1, Exploring Responsive Web Design, the following screenshot shows a suggestion for the layout design:

Exercise 2a – creating the layout design for wireframes

When we are customizing the main ...

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