JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wr">
<div class="center">
<img src="https://avatarko.ru/img/avatar/14/devushka_13844.jpg" width="100px" alt="">
some content
<button class="btn">
Голосовать
</button>
</div>
<div class="center">
<img src="https://avatarko.ru/img/avatar/20/tehnika_19043.jpg" width="200px" alt="">
some content
<button class="btn">
Голосовать
</button>
</div>
<div class="center">
<img src="https://avatarko.ru/img/avatar/17/multfilm_minion_16168.jpg" width="150px" alt="">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus quia, modi, cumque provident hic ipsum iste tempora aliquam sint, magni harum deleniti voluptate voluptatibus! Sed vero, a voluptatum eum iste deleniti, sit natus praesentium placeat architecto rerum aliquam! Illum quis eaque, doloribus odio excepturi mollitia hic, quas autem quia temporibus veniam
<button class="btn">
Голосовать
</button>
</div>
</div>
CSS
.wr {
display: flex;
}
.center {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #000;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 200px;
min-height: 350px;
margin-right: 20px;
padding-bottom: 40px;
position: relative;
}
.btn {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 10px;
}