@Arda4ek
Начинающий веб-разработчик

Почему изоброжение не встают в один ряд?

Если что я просто скопировал свой код (Я начинающий)
<div class="places-cards">
            <figure class="places-card places-card-size_lg">
              <img class="places-card-pic" src="img/places/place-1.jpg" alt="Mount Fuji">
              <figcaption class="places-card-title">Mount Fuji</figcaption>
            </figure>

            <figure class="places-card places-card-size_lg">
              <img class="places-card-pic" src="img/places/place-2.jpg" alt="Kyoto">
              <figcaption class="places-card-title">Kyoto</figcaption>
            </figure>
          </div>


.places-cards {
  display: grid;
  grid-template-columns: (6, 1fr);
  grid-gap: 10px;
}

.places-card-size_lg {
  grid-column: span 3;
}


601d3a8062870598478837.png

Вот ссылка на макет: https://www.figma.com/file/yzOjR8isDvphCIHnOUOsDn/...
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
grid-template-columns: repeat(6, 1fr);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@sdydno
Начинающий программист.
display: flex;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы