TGViewer
CSS Боль CSS Боль @cssbol · 579 subscribers
Post #61 2.39K
Мифические измерения гридов

"Флексы одномерные, а гриды двумерные" (ага, а трансформации трёхмерные).


Никогда не понимал, что это значит. Признайтесь, у кого так же?

Я расшифровываю это так: в гридах есть явная двумерная адресация для элементов, а во флексах — нет. Грид-элементу можно сказать: "живи в 4 колонке 3 ряда". И он будет там жить, даже если в грид-контейнере он один-одинёшенек.

Двумерная адресация — это хорошо. Но настоящая жемчужина (без иронии) гридов — именованные области и адресация по имени: grid-template-areas + grid-area.

Поиграться с именованными областями можно в новом уровне грид-лего
  • 🔥 12
  • ❤‍🔥 1
More from @cssbol
  1. Oct 4, 2026Какую же красоту можно делать с Anchor Positioning Это просто промежуточный этап работы
  2. Oct 2, 2026anchor() – царица якорей Функция anchor() живёт внутри большинства сложных демок и крутых…
  3. Sep 25, 2026Скругления в неожиданных местах Скругления хороши в углах блоков, а в других местах они пр…
  4. Sep 18, 2026CSS shape() — фича больших надежд CSS начал вырастать из коротких штанишек квадратного веб…
  5. Sep 11, 2026CSS Anchor Positioning Бывают такие фичи, до которых долго доходят руки. Но чуть познакоми…
  6. Sep 4, 2026Случайные испытания для демонстрации мастерства Запустили сложный игровой режим Восхождени…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →