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

Question

[Влад]

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

spoiler

Часть кода:
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;
}

Comments

[Влад]

P.S
Сверяюсь с уроком, и всё так-же, не могу понять почему у меня херня какая-то
Должно быть 3 колонки(ровные)

Answer 1

[eugenedrvnk]

Особо не вникал, но есть подозрения, что проблема может быть здесь :

<div class="benefits_cards">
            <div class="benefits_cards">

Comments

[Влад]

Да, частично из-за этого! Огромное спасибо!!! Ты глазастый =)
+ маленькая ошибочка была в ролике, он не показал что добавил в начале добавилpadding-bottom: 223px;, это было написано в прикреплённом комментарии.

[Влад]

Я бы долго гадал что не так, если бы не ты