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

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

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.