Это перевод статьи “Why CSS Grid is better than Bootstrap for creating layouts” от Per Harald Borgen. CSS Grid — это новый способ создания макетов в интернете. Впервые полноценная система вёрстки доступна прямо в браузере, что даёт массу преимуществ. Эти преимущества становятся особенно выразительными, если вы сравните CSS Grid с самым популярным фреймворком Bootstrap. Вы можете не только создавать макеты, которые раньше были невозможны без JavaScript, но ваш код станет легче поддерживать и понимать...

В работе над версткой часто необходимо работать и с большими разрешениями экранов, но, к сожалению, большинство фреймворков ограничивают стили грида максимальным разрешением экрана в 1200px. Исключением не стала и новая, четвертая версия популярного фреймворка Bootstrap. Немного о гриде Так как в нашей работе такая необходимость частов возникает, мы разработали файл со стилями грида для большинства разрешений col-xga (1600+), col-fhd (1920+), col-rt (2560+), col-rt15 (2880+), col-uhd (3840+), col-4k (4096+), col-8k (8192+)) пикселей...