<div class="wrap">
<div class="card">
<div class="img_block">
<img src="https://via.placeholder.com/50" alt="">
</div>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="card">
<div class="img_block">
<img src="https://via.placeholder.com/50" alt="">
</div>
<h2>Lorem ipsum dolor sit amet consectetur.</h2>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
.wrap{
width: 50%;
background-color: #2e2e2e;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.card{
text-align: center;
background-color: #000;
width: 200px;
color:#fff;
}
img{
border-radius:50%;
width: 40px;
}
.img_block{
padding-bottom: 20px;
}
h2{
padding-bottom: 5%;
}
p{
padding-bottom: 12px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.