JSFiddle - React, Tailwind, and code Playground

by Max Petyurenko

HTML

<div class="gallery">
    <div class="wrapper">
        <div class="gallery__card">
            <img class="gallery__card__img width-1" src="http://www.cbre.us/o/losangelesmarket/AssetLibrary/GreaterLosAngelesMarket_mainimage.jpg">
            <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
        </div>
         <div class="gallery__card">
            <img class="gallery__card__img width-1" src="http://students.marshall.usc.edu/undergrad/files/2012/04/Selling-Your-Los-Angeles-Home1.jpeg">
            <div class="text">Sed at elit nec ligula pellentesque congue eget a elit. Sed in purus nisi. Nulla dapibus non est ac lacinia. Suspendisse potenti.</div>
        </div>
    </div>
</div>

CSS

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
.gallery {
    overflow: hidden;
    -webkit-user-select: none;
}
.wrapper {
}
.gallery__card {
    margin-top: 10px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid;
}