JSFiddle - React, Tailwind, and code Playground

by Arshad Muhammed

HTML

<div>
    <ul>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
    </ul>
</div>

CSS

* {
    margin: 0;
    padding: 0;    
}

div,ul{
    width: 100%;
    
}

li {
    box-sizing:border-box;
    list-style: none;
    width: 25%;
    float:left;
    background:red;
    border:20px solid white;
    
    
}

img {
    width: 100px;
}