<section>
  <div class="container">
    <div class="row justify-content-between align-items-center gutter-3 gutter-lg-5">
      <div class="col-lg-5">
        <h2 class="font-weight-bold">Start writing clean and optimized code.</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa quos magni quisquam fuga quidem sapiente architecto, error eligendi fugiat sequi repellendus dolorum numquam distinctio, officiis.</p>
      </div>
      <div class="col-lg-6">
        <div class="browser text-white">
          <span></span>
          <pre><code class="language-css">body {
  position: relative;

> section,
  > footer {
    position: relative;
    margin: 0 auto;
    padding: $section-padding 0;
  }
}</code></pre>
        </div>
      </div>
    </div>
  </div>
</section>