Styling the Blog section

With the earlier website that we built, we had our own grid system. However, now, we can simply use Bootstrap grid, which is way better and more practical than the one we created. 

Let's start with the HTML:

<div class="blog py-5">      <div class="container">        <div class="row">          <div class="col-md-4">            <div class="card mb-4">              <img class="card-img-top" alt="Thumbnail Blog" src="img/blog-img/blog1.jpg">              <div class="card-body">                <small class="text-muted">09th January 2016</small>                <h4 class="font-weight-bold">Racing Club Advan Neova Challenge Round 3 Update</h4>                <p class="card-text">FINAL ROUND: Labour Day Trackday Wakefield Park. Last chance to compete in the Circuit Club Advan Neova Challenge 2016!There was much anticipation ...

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.