JSFiddle - React, Tailwind, and code Playground

by Jayden Spring

HTML

<div id="thumbs">
  
                                        <div class="preview">
                        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                          <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                    </div>
                                        <div class="preview">
                        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                          <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                    </div>
                        <div class="preview">
                        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                          <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                    </div>
                        <div class="preview">
                        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                          <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
                    </div>
</div>

CSS

#thumbs .preview {
width: auto;
display: inline;
padding: 0;
margin: 14px;
border:2px solid red;
}

#thumbs .preview img{
    height:100px;
}