Почему после применения display: flex; фиксированная ширина дочернего элемента сжимается?
<section class="advantages">
<div class="container">
<h3 class="label">преимущества</h3>
<h4 class="title">8 причин начать работать с нами</h4>
<div class="row">
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/1.png" alt="1"></div>
<div class="item__descr">
Никаких наличных, оплата происходит
автоматически <br>
Стоимость поездки оплачивается пассажиром с привязанной банковской карты, т.е. нет никаких рисков связанных с перевозкой наличности как для пассажира, так и для водителя, Вам не нужно искать мелкие деньги для размена.
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/2.png" alt="2"></div>
<div class="item__descr">
Комиссия 8% + БОНУСЫ <br>
У нас минимальная комиссия и мы выплачиваем бонусы за каждую поездку, некоторые наши конкуренты оставляют бонусы себе. Мы работаем честно и с нами водители зарабатывают больше!
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/3.png" alt="3"></div>
<div class="item__descr">
Высокий доход с гарантированными
выплатами <br>
Мы выплачиваем заработную плату на личную банковскую карту водителя! Вам не нужно оформлять ООО, ИП, платить налоги, подавать декларацию, оплачивать бухгалтерские услуги и ведение банковского счета.
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/4.png" alt="4"></div>
<div class="item__descr">
Работа в удобное время, никаких
графиков <br>
Вы просто нажимаете кнопку выйти на линию для начала работы, когда решите закончить, нажимаете выйти с линии. Вы можете подрабатывать только утром, вечером, в выходные или праздничные дни!
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/5.png" alt="5"></div>
<div class="item__descr">
Комфортное, прозрачное и простое
подключение <br>
Мы подключаем дистанционно и бесплатно, Вам нет необходимости приезжать к нам! Вы присылаете нам копии документов, мы регистрируем Вас и присылаем данные для подключения, через 1-2 дня Вы можете начинать работать!
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/6.png" alt="6"></div>
<div class="item__descr">
Всегда большое количество заказов <br>
Приложение показывает, где на данный момент больше всего заказов и где действуют повышенные тарифы. У Вас не будет простоя и холостых пробегов. Наши пассажиры всегда приятные и абсолютно неконфликтные люди, которых приятно возить.
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/7.png" alt="7"></div>
<div class="item__descr">
Круглосуточная поддержка <br>
В Uber действует круглосуточная поддержка водителей по электронной почте. Если что-то непонятно, Вы всегда можете задать вопрос через On-line консультацию.
</div>
</div>
</div>
<div class="col-md-6">
<div class="advantages__item">
<div class="advantages__icon"><img src="icons/Advantages/8.png" alt="8"></div>
<div class="item__descr">
Без шашечек и наклеек <br>
Вам не нужно менять цвет, устанавливать «шашки» на автомобиль и обклеивать его наклейками.
</div>
</div>
</div>
</div>
</div>
</section>
____________________________________________________________________________________________________________________________
.advantages {
min-height: 900px;
padding: 70px 0px 65px;
}
.label {
margin: 0 auto;
width: 112px;
height: 24px;
padding: 5px 12px;
background: #000000;
font-size: 11px;
font-weight: 100;
text-align: center;
color: #ffffff;
text-transform: uppercase;
}
.title {
font-size: 38px;
font-weight: 700;
line-height: 27px;
text-align: center;
color: #222222;
text-transform: uppercase;
margin: 38px auto 0;
}
.advantages .advantages__item {
display: flex;
justify-content: center;
align-items: center;
margin-top: 35px;
}
.advantages .advantages__item .advantages__icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 26px;
width: 113px;
height: 113px;
background-color: #1eacc7;
border-radius: 100%;
}
.advantages .advantages__item .advantages__descr {
width: 343px;
min-height: 142px;
font-size: 15px;
font-weight: 300;
line-height: 1.4;
text-align: justify;
color: #202020;
}
Пробовал border-radius:100px в пикселях задавать, менял ширину блока .advantages__item, так же пробовал задавать ширину текста-описания. Проверил ДЗ на Git код совпадает, за исключением некоторых свойств от меня, которые я так же пробовал отключать и переписывать как в исходнике.
Уже очень много прогуглил и голову сломал. Подскажите плиз, в чем причина?
https://yadi.sk/i/_XD2M6AlzBnssw