Magazine Layout

Note: this layout is replacing the circles layout. This needs to be inside of a two-column layout. The images are meant to be icons of some kind and need to be SVG's. They work best if they have a 1:1 aspect ratio but it is not required. This can be done 2 ways. With or without anchor tags.

Without Anchor Tags

 <div class="magLayout">
     <div>
         <div>
             <div>
                 <img src="image source goes here" alt="" />
                 <p>text goes here</p>
             </div>
         </div>
         <div>
             <div>
                 <div>
                     <img src="image source goes here" alt="" />
                     <p>text goes here</p>
                 </div>
             </div>
             <div>
                 <div>
                     <img src="image source goes here" alt="" />
                     <p>text goes here</p>
                 </div>
             </div>
         </div>
     </div>
 </div>

With Anchor Tags

 <div class="magLayout">
     <div>
         <div>
             <a href="#">
                 <div>
                     <img src="image source goes here" alt="" />
                     <p>text goes here</p>
                 </div>
             </a>
         </div>
         <div>
             <div>
                 <a href="#">
                     <div>
                         <img src="image source goes here" alt="" />
                         <p>text goes here</p>
                     </div>
                 </a>
             </div>
             <div>
                 <a href="#">
                     <div>
                         <img src="image source goes here" alt="" />
                         <p>text goes here</p>
                     </div>
                 </a>
             </div>
         </div>
     </div>
 </div>