JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<h1>Case Studies</h1>

<div class="group">
    <?php $catPost=g et_posts( 'cat=1'); 
foreach ($catPost as $post) : setup_postdata($post); ?>
    <div class="grid span_1_of_3">
        <?php the_post_thumbnail(); ?>
    </div>
    <?php endforeach;?>
    <div class="clear"></div>
</div>

CSS

.grid {
    display: block;
    float: left;
    margin: 0 0 100px 5%;
}
.grid:first-child {
    margin-left: 0;
}
.span_1_of_3 {
    width: 30%;
}
.group {
    margin: 0px auto;
    max-width: 1144px;
    border-left: 1px solid red;
    border-right: 1px solid red;
    padding: 0px;
}