Snook publicēja rakstu ar virsraksta pārklāšanos ar CSS režģi, kur viņš aplūko galvenes dizaina modeli, kas, manuprāt, pārsniedz tendences un ir bijis populārs uz visiem laikiem. Ideja ir tāda, ka galvene ir pārāk liela, un galvenā satura zona tajā iekļūst un pārklājas ar galvenes fonu. Tajā ir tikai kaut kas patīkams un mierinošs.
Mans prāts iet uz to pašu vietu, kur darbojas Snook:
Vēsturiski es to esmu darījis ar negatīvām rezervēm. Galvenei ir augstums, kas apakšā pievieno ķekaru ar polsterējumu, un pēc tam korpuss iegūst
margin-top: -50px
vai kādu citu dizainu prasa.
Bet tad viņš nolemj to darīt ar CSS režģi! Interesanti. Kāpēc? Nu tajā mēs iedziļināsimies. Režģis var justies stingrāks (un patiesībā būt). Režģis var būt arī elastīgāks. Piemēram, max-height
un auto
piemales ir lieliski centrētas, bet ko darīt, ja vēlaties, lai malās nebūtu nevienmērīgu noteku? Tas būtu grūti tur un viegli ar Grid. Ītans Marcotte rakstīja:
Tā vietā, lai vienkārši nepieļautu
max-width
kā ierobežojumu, es varu izmantot tukšo vietu ap savu dizainu un uzskatīt to par izkārtojuma rīku.
Es mēģinu mainīt inženiera Snook ideju šajā videoklipā un pēc tam salīdzināt to ar manu gala rezultātu.
- Snook's
- Manējā (iztīrīja smidzināšanas video pēc estētikas)