Відчувається, що CSS Grid вже давно, але здається, що зараз він досягає точки, коли люди все частіше говорять про це, і що це стає тим, чому ми повинні вчитися. Я почав читати кілька дописів і бавитись із синтаксисом протягом останніх кількох тижнів, але попросив мою колегу CSS-Trickster Міріам Сюзанна переглядати це зі мною у відеокімнаті.
Ми витратили свій час на роздуми над самими основами CSS Grid, і те, що ми дізналися, - це набагато менш страшно починати використовувати його, ніж хтось із нас очікував. Ми починаємо з простого прикладу, а потім локшину, пробираючись через властивості сітки CSS, щоб дізнатись, з якими іншими речами він може працювати, не заходячи занадто далеко в бур’яни.
Ось кілька ресурсів, про які ми згадали під час нашого чату, і на які варто зв’язати:
- Повне керівництво по Grid - вичерпний огляд сітки CSS, включаючи його властивості та глосарій важливих термінів та понять.
- Демонстрація CodePen - це простий приклад, з якого ми почали з відео та вдосконалили по ходу.
- CSS Grid та Grid Highlighter - Цей інструмент був згаданий наприкінці, і він забезпечує спосіб візуалізації макета Grid за допомогою Firefox DevTools.