@html_student
Молодой и глупый.

Можно ли отцентровать блоки grid?

Есть такая сетка grid:



В целом гриды нравятся, но вот к примеру.
Тут 5 блоков в ряд. Всего их 7.
Можно ли 6 и 7 блоки отцентровать? Или только на флексы переделывать? Хотелось бы grid юзать.
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Grid - это сетка. фиксированная. за пределы ячеек выйти нельзя
Flex - это гибкая раскладка, что следует из названия. Элементы могут быть и бывают гибкими, подстраиваться под какие-то факторы.

Главное: не нужно зацикливаться на чем-то одном. Это НЕ взаимоисключающие технологии. В зависимости от требований используйте то, что лучше подходит.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Fragster
@Fragster
помогло? отметь решением!
нельзя, только на флекс переделывать
Ответ написан
Комментировать
imko
@imko
Senior Scratch Developer
Можно попотеть и используя комбинацию псевдокласов nth-child и nth-last-child у ячеек ловить их и расставлять в нужные колонки.
Ну например если колонок пять то шестая ячейка это шестая сначала и первая с конца - ставим ее в третью колонку
Если ячеек семь то она становится уже второй с конца что ее будет отличать от других ячеек, короче говоря каждая n-ная ячейка имеет уникальное сочетание nth-child и nth-last-child даже при разном общем количестве ячеек
Более того с если указывать не только колонку но и ряд для каждой ячейки открывается магия наложения, и тогда расположив одну из этих двух центрируемых ячеек не в одну а в две колонки, одна колонка из которых будет общей с другой ячейкой, и выровняв их по центру можно получить эффект центрирования по ширине)
НИКОГДА ТАК НЕ ДЕЛАЙТЕ ПОЖАЛУЙСТА
Пример мне лень было писать миллион комбинаций псевдоклассов так что надеюсь это понятно и без кода)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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