Эту статью я решил написать, как гайд для создания sticky header'а, который вы можете наблюдать во многих современных приложениях, например, как instagram, додо пицца, vk и так далее. Покажу данный элемент дизайна сразу на примере приложения, которым я занимаюсь в данный момент: На первом экране кругом обведена та часть, которую мы будем скрывать при скролле вниз и открывать при обратном скролле вверх. На втором изображении кругом обведена часть, которая будет слипаться, так называемый, sticky header...

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