Часть 1.   CSS Grid Layout  или просто гриды — это удобная технология для раскладки элементов на веб-страницах. В отличие от флексбоксов одновременно работающих только с одним измерением, гриды дают возможность работать одновременно с двумя: горизонталью и вертикалью. Определение. Грид представляет собой пересекающийся набор горизонтальных и вертикальных линий, образующих колонки и строки. Элементы могут быть помещены в грид в пределах линий этих колонок и строк. Особенности:  Вы можете создать грид с фиксированными размерами полоc, например используя пиксели...

Сегодня я поделюсь с вами одним трюком, с которым я столкнулся, работая с CSS. С его помощью можно динамически масштабировать любой HTML-элемент, а заодно устранить многие причины, по которым раньше приходилось писать медиа-запросы...