Creating the ABOUT US section

This section is not very complex. Let's check out the design:

If we use our block analyzer, we can have something such as this:

What we need to do:

• Make the content vertically centered
• Align the text on the left
• Have a background image covering the entire section

The best way to align elements vertically is, as we saw earlier, to use CSS flexbox.

Let's create our HTML. After our blog section, we're going to add our about-us section:

<section id="about-us">

</section>

Inside this section, as usual, we're going to add our container:

<section id="about-us">
          <div class="container">

          </div>
</section>

And inside our container, we'll create our two blocks that will contain our big title and our description:

<section id="about-us">
  <div class="container">
    <div class="about-us-title">
        <h3>The love of cars</h3>
    </div>
    <div class="about-us-desc">
      <h4&gt...