onndes
@onndes

Что я написал не так?

Что я сделал не так? Делал по уроку https://youtu.be/k2WgWaByuL8?t=1061
spoiler
5f81cf3f9c645459800235.png

Часть кода:
HTML
spoiler

<section class="benefits">
				<div class="benefits_wrap">
					<h2 class="benefits__title">
						Benefits of Odigo
					</h2>
					<div class="benefits_cards">
						<div class="benefits_cards">
							<div class="benefits_cards-icon">
								<img src="img/icons/welcomeToOdigo.png" alt="Welcome to Odigo!" class="benefits_cards-thumb">
							</div>
							<h3 class="benefits_card-title">
								Welcome to Odigo!
							</h3>
							<p class="benefits_card-desk">
								Jump off balcony, onto stranger's head. Chase ball of string hide when guests come over.
							</p>
							<a href="#!" class="benefits_card-more">
								LEARN MORE
							</a>
						</div>
						<div class="benefits_cards">
							<div class="benefits_cards-icon">
								<img src="img/icons/yourPersonal.png" alt="Your Personal Japan Guide" class="benefits_cards-thumb">
							</div>
							<h3 class="benefits_card-title">
								Your Personal Japan Guide
							</h3>
							<p class="benefits_card-desk">
								Jump off balcony, onto stranger's head. Chase ball of string hide when guests come over.
							</p>
							<a href="#!" class="benefits_card-more">
								LEARN MORE
							</a>
						</div>
						<div class="benefits_cards">
							<div class="benefits_cards-icon">
								<img src="img/icons/promotingLocal.png" alt="Promoting Local Businesses" class="benefits_cards-thumb">
							</div>
							<h3 class="benefits_card-title">
								Promoting Local Businesses
							</h3>
							<p class="benefits_card-desk">
								Jump off balcony, onto stranger's head. Chase ball of string hide when guests come over.
							</p> 
							<a href="#!" class="benefits_card-more">
								LEARN MORE
							</a>
						</div>
					</div>
				</div>
				
			</section>


CSS
spoiler
.benefits {}

.benefits_wrap {
  max-width: 1262px;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
}

.benefits__title {
  width: 100%;
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  padding: 93px 100px 88px 100px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  background: #fff;
}

.benefits_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 55px;
  padding: 0 100px;
}
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
@eugenedrvnk
Особо не вникал, но есть подозрения, что проблема может быть здесь :
<div class="benefits_cards">
            <div class="benefits_cards">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы