Що таке CSS 1fr?

Fr – Дробова одиниця гнучкості. 1fr дорівнює 1 частині доступного простору. Завдяки fr вам не потрібно перераховувати ширину розділів. Одиниця гнучкості fr бере 100% екрану і рівномірно розподіляє його між елементами сітки.19-Jul-2022

Доріжка сітки (grid track) – простір між двома сусідніми лініями сітки, використовується для визначення стовпця, або рядка сітки.

Grid використовується для розміщення карток на сторінці, а Flexbox – для створення карток.

Grid враховує горизонтальний та вертикальний простір, з ним можна змінювати розкладку, не чіпаючи розмітку, і все це без медіазапитів. З Grid можна забути про магічні числа, хакі, обхідні шляхи та CSS-фреймворки.