JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="block"><div class="container one">
        <div>Название</div>
        <div>Картинка</div>
        <div>Кнопка</div>
    </div></div>
    <div class="block"><div class="container two">
        <div>Название</div>
        <div>Картинка</div>
        <div>Кнопка</div>
    </div></div>
    <div class="block"><div class="container three">
        <div>Название</div>
        <div>Картинка</div>
        <div>Кнопка</div>
    </div></div>
    <div class="block"><div class="container four">
        <div>Название</div>
        <div>Картинка</div>
        <div>Кнопка</div>
    </div></div>
</div>

CSS

.block{
    width:24%;
   /* float:left;*/
    display:inline-block;
}
.container {
    margin: 5px;
    padding:5px ;
    border-width: 1px;
    border-style: solid;
}
.one {
   border-color: red;
}
.two {
   border-color: blue;
}
.three {
   border-color: green;
}
.four {
   border-color: yellow;
}