Как при помощи флекс-технологии построить 2 колонки одинаковой ширины? При этом элементы внутри колонок не должны переносится на следующую строку.
.block__section {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
margin: 0;
padding: 0;
flex-direction: row;
}
.block_text__span {
background: #29c5e5;
color: #29c5e5;
padding: 0 8px;
margin-right: 6px;
height: 10px;
}
.title_pattern {
height: 14px;
margin-top: 29px;
}
.block {
flex: 1 0;
width: 50%;
}
<div class="block__section">
<div class="block">
<div class="block_text">
<ul class="block_text__ul">
<li class="block_text__li"><span class="block_text__span">.
</span> About WhiteSquare
</li>
</ul>
</div>
<img src="img/Title pattern.png" class="title_pattern" alt="">
</div>
<div class="block">
<div class="block_text">
<ul class="block_text__ul">
<li class="block_text__li"><span class="block_text__span">.
</span> a word from OUR ceo
</li>
</ul>
</div>
<img src="img/Title pattern.png" class="title_pattern" alt="">
</div>
</div>