Featured products
The next section will be the featured products section. This will replace what is currently our Coming soon message in the <main> element.
The featured products section will consist of a row of four products. We'll use the Susy span mixin to achieve the columns, while we use the media mixin to lay out each product correctly.
Let's start with the markup. In index.html replace the current h1 and the coming soon text below that with the following:
<section class="featured-products"> <h2 class="featured-product-title">Featured Products</h2> <article class="featured-product product-centered"> <img src="http://placehold.it/300x400" alt="Image Placeholder" class="product-centered-image featured-product-image"> <h3 class="featured-product-title ...
Get Mastering Sass now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
