JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
         <div class="photo"></div>
         <div class="photo"></div>
         <div class="photo"></div>
         <div class="photo"></div>
         <div class="photo"></div>
         <div class="photo"></div>
           <div class="photo"></div>
         <div class="photo"></div>
         <div class="photo"></div>
    </div>

CSS

.container {
        display:inline-flex;
        flex-flow : column wrap;
        align-content : flex-start;
        height : 350px;
    background : blue;
    }

.photo {
    width : 150px;
    height:100px;
    background : red;
    margin : 2px;
}