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

Main header inner

Next, we can remove the one-third, two-thirds, and column classes from the divs in our main-header-inner element and replace them with main-header-inner-left and main-header-inner-right, like so:

<div class="main-header-inner container"> <div class="main-header-inner-left"> <h1 class="main-header-title">Mastering Sass Swag</h1> </div> <div class="main-header-inner-right"> <!-- BEGIN search-bar --> <form class="search-bar" action="#" method="get"> <label for="search"> <span class="screen-reader-text">Search for:</span> </label> <input id="search" class="search-bar-input" type="search" placeholder="Search..."> <button class="search-bar-button" type="submit"> <span class="screen-reader-text">Search</span> <span class="ion-android-search"></span> ...

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