Задать вопрос
RatiboR1978
@RatiboR1978
css

Как спрятать некоторые элементы в сетке так, чтобы остальные не съезжали?

Как можно осуществить такую сетку https://codepen.io/RatiboR1978/pen/pxdyPg здесь видно что она кривовата как поправить?
  • Вопрос задан
  • 307 просмотров
Комментировать
Подписаться 3 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега CSS
Что если заменить

.imageContainer:empty {
  height: 0;
  border: none;
}

на

.imageContainer:empty {
  visibility: hidden;
  /* или */
  opacity: 0;
}

??

UPD. Или, добавить box-sizing: border-box; для .imageContainer.

UPD. Или, заменить flex на grid - убрать flex: 0 0 30%; у .imageContainer, а у их родителя пусть будет так:

display: grid;
grid-template-columns: repeat(3, 30%);
justify-content: space-between;
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать HLTV HUD для стрима CS 1.6
25 апр. 2024, в 08:02
2500 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы