Привет, юные покорители интернета! 👋 Вы когда-нибудь задумывались, как создаются красивые веб-страницы с идеально расположенными элементами? Ответ прост — с помощью волшебной технологии под названием CSS Grid! Сегодня мы отправимся в увлекательное путешествие и узнаем, как эта технология может превратить вас в настоящего веб-архитектора! Представьте, что у вас есть волшебная доска с клеточками, на которой вы можете расположить всё что угодно — тексты, картинки, видео — именно так, как вам хочется!...

В течение последних двух месяцев я углубился в изучение CSS Grid. В этой заметке я хочу поделиться своими основными соображениями. Чтобы было более понятно, я объясню все с помощью диаграмм. Вероятно, вы уже знакомы с блоковой моделью CSS для обычных элементов. Давайте начнем с аналогичного «общего обзора» для CSS Grid: Обратите внимание, линии можно отсчитывать и в обратную сторону, используя отрицательную систему координат. Сетка из примера выше имеет размер 5 на 4 ячейки. Это определяется...