Article one
Below 768px you'll notice Article three disappears and the background is now purple. Yey for purple.
Hello world, this is my experiment in responsive design.
By viewing this webpage on different devices you'll see how the content responds adaptively. Or if you're on a desktop, try resizing your browser window. If your screen resolution is above 768px you should see the page title, an introduction, three articles and this footer. To be certain of this, the page background should be a lovely blue colour.
Below 768px you'll notice Article three disappears and the background is now purple. Yey for purple.
Next up, orange at 480px. The third article has returned and now we have more of a stacked layout.
If you're viewing this page at 320px you've entered pinksville. You'll notice all text is centrally aligned, too.