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.

✓ Solution: Design the article page in the browser

✓ Solution: 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

✓ Solution: Design the article page in the browser

“

- [Voiceover] You've finished the challenge, and now it's my turn to show you how I solved the same challenge. You'll find my complete solution in the exercise files for this movie, 02_13. First, let's take a quick look at the page as it was before you started the challenge. You may have noticed that the page actually works quite well on small screens because it has a standard vertical stack. And this is the great thing about HTML, if you do nothing but mark up your content properly it'll always display ok on all screens, at least small ones. However, when we start increasing the width of the screen, things needs some work. For example, my huge mugshot here is way too big, and there's not visual separation between things like image captions and the rest of the content. And as I keep increasing the width of the content, it just keeps getting wider and wider and becomes hard to read. By contrast, this is the finished result after I did design in the browser. Here you see the content…

Contents