O'Reilly logo

Mastering Sass by Luke Watts

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Finishing touches

The last thing we need to do is fix the section just above the footer. We used this as an example of our grid classes. However, we want our layout to be semantic before we hand it over to the client. They'll use those classes once they take control of adding content, but for us to use those classes would be lazy.

First, let's fix our markup:

<section class="services"> <h3 class="services-title">Swag Services</h3> <div class="container"> <article class="service"> <h3 class="service-title">Service One</h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A consequatur consequuntur dignissimos dolores eius impedit incidunt soluta voluptatum. Deserunt dolore mollitia placeat quam rerum. Amet dolorum exercitationem modi ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required