From the course: Learning Responsive Web Design in the Browser

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

✓ Challenge: Design the article page in the browser

✓ Challenge: Design the article page in the browser - WordPress Tutorial

From the course: Learning Responsive Web Design in the Browser

Start my 1-month free trial

✓ Challenge: Design the article page in the browser

“

- [Voiceover] We've arrived at the second challenge in this course. In this challenge, you'll put what you've learned about responsive web design in the browser into practice by designing a secondary page in our project. In the exercise files for this movie, you'll find a new document titled listening.html with some unstyled content, including text and images. You'll also find draft layouts for this page under the drafts folder that show you rough drafts of how this page should be presented on small, medium and wide screens. Right now, the markup on this document is as basic as possible. You are inheriting the styles from the header, menu, and footer from the index page, but everything else is unstyled. Your challenge is to use the tools and techniques we've covered to map out the containers and components in the article layout and use the browser to design the view to fit the style tiles and the draft layout. When you do so, remember to reuse existing styles when possible and…

Contents