JSFiddle - React, Tailwind, and code Playground

by Jeremy Lewis

HTML

<div class="main">
    <div class="item">
        <img src="link to image" alt="" />
    </div>
    <div class="item">
        <p>test</p>
    </div>
    
    <div class="item">
        <p>test</p>
    </div>
    <div class="item">
        <img src="link to image" alt="" />
    </div>
    
    <div class="item">
        <img src="link to image" alt="" />
    </div>
    <div class="item">
        <p>test</p>
    </div>
</div>

CSS

div { border: 1px solid black;}

.main {width: 900px;
        margin: 0 10% 0 10%;
    }
    .item {
        width:45%;
        float:left;
        min-height:250px;

    }