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&lt...