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