как склеить два блока? только начал верстать, новичок.
<div class="info-block">
<div class="me_img">
<img src="img/me.jpg" width="300" height="500" alt="123">
</div>
<div class="social_links">
<button class="btn"><i class="vkl"></i></button>
<button class="btn"><i class="tgl"></i></button>
<button class="btn"><i class="wpl"></i></button>
</div>
</div>
.info-block {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
flex: 10%;
background-color: #cabcbc;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
}
.social_links {
width: auto;
background-color:white;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
display:flex;
align-items: center;
}
.btn {
height: 50px;
width: 50px;
margin-left:auto;
margin-right: auto;
border-radius: 50%;
background-color: dodgerblue;
border: none;
color: white;
font-size: 16px;
cursor: pointer;
}