@223606322
начинающий web-разработчик

Как сделать чтобы все эелементы были такой же ширины как самый длинный из них?

Сейчас это работает, но только если элементы выстроены в колонку, - самый большой элемент зеленый и остальные подстраиваются по его ширину.
Но как сделать чтобы эти элементы встали теперь в ряд?

Вот код https://codepen.io/Ron3485/pen/ExQdRqp
  • Вопрос задан
  • 255 просмотров
Пригласить эксперта
Ответы на вопрос 3
@ProstoChel92
Начинающий фронтендер(очень начинающий)
.block {
    display: flex;
}
.block__item {
    /*стили*/
   flex: 1 1 33.33%;
}
Ответ написан
@Sigar49
Вот код:
body {
  background: #cdcdcd;
}

.block {
  /*ТУТ ЗАМЕНА*/
  display: flex;
  /*ТУТ ЗАМЕНА*/
  grid-template-columns: minmax(10px, max-content);
  gap: 10px;
}

.block__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.block__item--green {
  background: green;
}

.block__item--yeloow {
   background: yellow;
}

.block__item--red {
   background: red;
}
Ответ написан
@CHG44
Ну... вероятно, добавить больше колонок.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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