Practical Web Design

Blog section

First, as we always do (and you need to get into this habit), we need to analyze the design and see how is it composed:

As we can see, the Blog section is composed of a header and six Blog posts. There are two rows of three posts each, with an equal width of one-third.

We know how to design this with a float and the display: inline-block properties. Let's try to build it with CSS flexbox. 

Let's first add the HTML:

<section id="blog">  <div class="container">    <h2><b>Blog</b> Everything about RACING CLUB</h2>  </div></section>

Here are some explanations: 

1. We need to create another section id "blog"
2. We need to reuse the class container ...