<div class="grid">
<div class="item">
<h5>Lorem ipsum dolor sit amet consectetur.</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti hic saepe aliquid molestiae eum sunt commodi esse expedita reprehenderit ratione.</p>
<a href="#" class="btn">read more</a>
</div>
<div class="item">
<img src="http://placehold.it/120x180" alt="">
</div>
</div>
* {
margin: 0;
padding: 0;
font-family: sans-serif;
}
h5 {
font-size: 16px;
}
p {
font-size: 14px;
}
.grid {
display: flex;
justify-content: center;
margin-top: 30px;
}
.item {
width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
}
img {
display: block;
width: 100%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.