Изглежда, че CSS Grid идва отдавна, но изглежда, че сега стига до точка, в която хората говорят все повече и повече за това и че това се превръща в нещо, което трябва да научим. Започнах да чета няколко публикации и да се заигравам със синтаксиса през последните няколко седмици, но помолих моята колежка CSS-Trickster Miriam Suzanne да го прегледа с мен на видео терен.
Прекарахме времето си в размисъл върху самите основи на CSS Grid и това, което научихме, е, че е много по-малко страшно да започнем да го използваме, отколкото всеки от нас е очаквал. Започваме с прост пример и след това юфкаме пътя си през свойствата на CSS Grid, за да научим с какви други неща може да се справи, без да стигаме твърде далеч в плевелите.
Ето няколко ресурса, които споменахме по време на нашия чат, които си струва да се свържат:
- Пълно ръководство за мрежата - изчерпателен преглед на CSS мрежата, включително нейните свойства и речник на важни термини и концепции.
- CodePen Demo - Това е простият пример, с който започнахме във видеото и продължихме напред.
- CSS Grid и Grid Highlighter - Този инструмент беше споменат към края и предоставя начин за визуализиране на оформлението на Grid с помощта на Firefox DevTools.