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

Question

[Артем Колчин]

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



В целом гриды нравятся, но вот к примеру.
Тут 5 блоков в ряд. Всего их 7.
Можно ли 6 и 7 блоки отцентровать? Или только на флексы переделывать? Хотелось бы grid юзать.

Answer 1

[Сергей delphinpro]

Grid - это сетка. фиксированная. за пределы ячеек выйти нельзя
Flex - это гибкая раскладка, что следует из названия. Элементы могут быть и бывают гибкими, подстраиваться под какие-то факторы.

Главное: не нужно зацикливаться на чем-то одном. Это НЕ взаимоисключающие технологии. В зависимости от требований используйте то, что лучше подходит.

Answer 2

[Антон Антон]

нельзя, только на флекс переделывать

Answer 3

[imko]

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