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

Get Practical Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.