Снук публикува статия, озаглавена „Припокриване на заглавката с CSS решетка“, където разглежда модела на заглавието, който според мен надхвърля тенденциите и е популярен завинаги. Идеята е, че заглавката е извънгабаритна и основната област на съдържанието се промъква в нея и припокрива фона на заглавката. Има просто нещо приятно и утешително в това.
Съзнанието ми отива на същото място, което прави Снук:
В исторически план съм правил това с отрицателни маржове. Заглавката има височина, която добавя куп подплънки към дъното и след това тялото получава
margin-top: -50pxили каквото дизайнът изисква.
Но след това той решава да го направи с CSS мрежа вместо това! Интересно. Защо? Е, в това ще влезем. Решетката може просто да се чувства (и всъщност да бъде) по-здрава. Решетката може да бъде и по-гъвкава. Например max-heightи autoполетата са чудесни за центриране, но какво ще стане, ако искате неравномерни улуци по краищата? Това би било трудно там и лесно с Grid. Итън Маркот написа:
Вместо просто да го използвам
max-widthкато ограничение, мога да използвам празното пространство около моя дизайн и да го третирам като инструмент за оформление.
Опитвам се да променя идеята на Snook в това видео, след което в крайна сметка я сравнявам с крайния ми резултат.
- Снук
- Моята (изчистена малко видео след естетика)