# 188: Истраживање преклапајућег узорка заглавља - ЦСС-трикови

Anonim

Сноок је објавио чланак под насловом „Преклапајуће заглавље са ЦСС мрежом“ где прегледава образац дизајна заглавља за који сматрам да превазилази трендове и да је популаран одувек. Идеја је да је заглавље превелико и да се главно подручје садржаја прикрада њему и преклапа позадину заглавља. Постоји само нешто лепо и утешно у томе.

Мој ум иде на исто место где и Сноок'с:

Историјски гледано, ово сам радио са негативним маржама. Заглавље има висину која додаје гомилу подлога на дну, а затим тело добија margin-top: -50pxили шта год дизајн захтева.

Али онда уместо тога одлучује да то уради са ЦСС мрежом! Занимљиво. Зашто? Па у то ћемо ући. Мрежа се једноставно може осећати (и заправо бити) чвршћа. Мрежа такође може бити флексибилнија. На пример, max-heightи autoмаргине су одличне за центрирање, али шта ако желите неравне олуке на ивицама? Тамо би то било тешко, а са Гридом лако. Етхан Марцотте је написао:

Уместо да max-widthто подразумевам као ограничење, могу да користим празан простор око свог дизајна и третирам га као алат за распоред.

Покушавам да преусмерим Сноокову идеју у овом видеу, а затим је упоредим са мојим коначним резултатом.

  • Сноок'с
  • Мине (очистио мрљави пост-видео за естетику)