From the course: Advanced CSS Media Queries

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Challenge

Challenge - CSS Tutorial

From the course: Advanced CSS Media Queries

Start my 1-month free trial Buy for my team

Challenge

“

(upbeat music) - [Instructor] Time for a challenge! Based on all of the cool stuff you know about media queries now and how to combine media queries using and, or, and not. Based on what you know now I'd like you to make a change to this page. If the device is a laptop, I'd like to see the oils presented in the opposite order that they are displayed. In other words, I want this to read basil, chili, lemon, and delicate rather than in the order that they are listed right now. If the browser window is narrow, I would like to see a list of oils in alphabetical order displayed without the picture or the Buy Now button stacked all on top of each other. To add an extra challenge, see if you can do this reordering without making a change to the HTML, do it only with CSS. Sounds like fun, huh? Well, good luck. This starting code is exactly the same code we've been using throughout the course and our examples and so you…

Contents