Practical Web Design

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