0
0
<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


Сергей Елин
4 years ago






Вопрос решил сам. Была опечатка в классе .item__descr в css. Более не актуален!

Сергей Елин
4 years ago

Один ответ