JSFiddle - React, Tailwind, and code Playground

by Amanda Williamson

HTML

<div class="thumbnails">
    <div>*image*</div>
    <div>*image*</div>
    <div>*image*</div>
    <div>*image*</div>
    <div>*image*</div>
    <div>*image*</div>
</div>

CSS

.thumbnails {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap;
    height: 100vh;
    width: 100vw;
}

.thumbnails div{
    border: solid 1px green;
    width: 200px;
    height: 200px;
    box-sizing: border-box;
}