Заметка будет полезна тем, кто только учится делать сайты или хочет сделать сайт маленькой фирмы или друга лучше, а также начинающим front-end разработчикам. Вроде табличка на сайте выглядит хорошо, но на телефоне появляются полосы прокрутки (уходит за экран) или картинка масштабируется до очень мелкого. И становится понятно, что использован не самый современный тег table. Понятно почему им продолжают пользоваться, но хочется быть современным и выбрать инструмент, который бы давал всегда тот вид, который от него ждёшь...

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