JSFiddle - React, Tailwind, and code Playground

by James

HTML

<div class="container">
    
    <img src="http://fangirlnation.com/wp-content/uploads/2014/07/game-church-gamer-jesus.png"></img>
    
    <img src="https://lh3.googleusercontent.com/-rcyjs6Ez7aA/U8iBjKhwSUI/AAAAAAAACH8/Yw5L04mwEeY/w640-h400-p-k/forever-alone-meme-generator-no-christian-girls-are-gamers-no-gamer-girls-are-christian-b0a99d.jpg"></img>
    
    <img src="https://s-media-cache-ak0.pinimg.com/236x/97/54/2c/97542c776a14ea5f07f407bf3f7c78bf.jpg"></img>

    <img src="http://itu.dk/people/mbul/portfolio/box.png"></img>
    
    <img src="http://itu.dk/people/mbul/portfolio/box.png"></img>
    
    <img src="http://itu.dk/people/mbul/portfolio/box.png"></img>
    
    
</div>

CSS

.container {
    margin: 2em;
    width: 100%;
    }

img {
    width: 30%; 
    float: left; 
    margin-right: 2em;
    margin-bottom: 2em;
    }

@media only screen and (max-width : 1000px) {
    img {
    width: 45%; 
    float: left; 
    margin-right: 2em;
    margin-bottom: 2em;
    }

}

@media only screen and (max-width : 670px) {

.container {
    margin: 0em;
    width: 100%;
    }    
    
img {
    width: 100%; 
    float: none; 
    margin-right: 0em;
    margin-bottom: 2em;
    }

}