<div id="contact_block">
<div class="header_contacts"> <div class="worktime"> <img class="img_contact" src="img/icon-schedule.png"> <div>
<span class="header_span">Режим работы:</span>
<span>Пн-Пт: 11:00 - 21:30</span>
<span>Сб-Вс: 10:00 - 21:30</span>
</div>
</div>
<div class="phones">
<img class="img_contact" src="img/icon-phone.png">
<div>
<span class="header_span">Заказ пиццы:</span>
<span><a href="tel:+79128633404">33-34-04</a></span>
<span><a href="tel:+79128639363">33-93-63</a></span>
</div>
</div>
</div>
</div>
div#contact_block {
display: flex;
font-family: UniversLTCYR-57Condensed, sans-serif;
align-items: flex-end;
background-color: red;
}
.header_contacts {
display: flex;
flex-direction: row;
background-color: blue;
}
.worktime, .phones {
display: flex;
flex-direction: row;
margin-left: 20px;
}
.header_contacts img {
/* width: 50px; */
padding: 22px;
height: 50px;
/* height: auto; */
margin-right: 20px;
}
.worktime >div, .phones > div {
display: flex;
flex-direction: column;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.