JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>
<img src="http://placehold.it/200x200"/>

CSS

img{ width: 33%; display: block; float: left; }

@media all and (max-width: 450px){ img{ width: 50% } }
@media all and (min-width: 550px){ img{ width: 20% } }