From the course: CSS to Sass: Converting an Existing Site

Unlock the full course today

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

Challenge: Add new styles with our variables, mixins, and sprite tools

Challenge: Add new styles with our variables, mixins, and sprite tools

From the course: CSS to Sass: Converting an Existing Site

Start my 1-month free trial

Challenge: Add new styles with our variables, mixins, and sprite tools

- In this challenge, you'll be showing the value in all the work you've done in this course, as you'll be leveraging the variables, mixins, and sprite tools you've created with Sass to add new styles for a new product page for each of the three product categories for h+ sport. If you open up the solution to this challenge in your browser, you'll see what we'll be adding. We're adding this new "Click here to learn more about our product" section in the home page. When you click one of these links, it brings you to a new page. Note that the icons used in the subnav are the same that are used in the header on these product pages. If you scroll down, the subnav reappears, and there's also a link back to the products. In the exercise files for this challenge, I've already created the html and images for you, including high-DPI versions of these new icons, which are a different size compared to the social media icons. If you open up the styles.scss file for the challenge, and scroll down to…

Contents