Now we'll rebuild the columns using flexbox. We'll take a look at our index.html file. Here's are markup for this area we are calling columns:
<!-- ===============Secondary Sections===============--><section class="secondary-section grouping"> <div class="wrapper"> <div class="column"> <figure> <img src="images/octopus-icon.png" alt="Octopus"> </figure> <h2>The Octopus</h2> <p>Lorem ipsum dolor...</p> <a href="#" class="button">Tenticals »</a> </div> <div class="column"> <figure> <img src="images/crab-icon.png" alt="Crab"> </figure> <h2>The Crab</h2> <p>Lorem ipsum dolor...</p> <a href="#" class="button">Crabby »</a> </div> <div class="column"> <figure><img src="images/whale-icon.png" alt="Whale"></figure> ...
