Design stránek se vyvíjí a je velmi podobný mřížce. Naše moduly budou velmi čistě rozloženy do mřížky. Ale nejsou mřížky složité a divné? A možná bychom měli jít použít nějaký fantazijní rámec? Ne. Jsou snadné. Jednoduchý nastavíme za pár minut. Koncepty, které zde fungují, inspirovaly článek „Don't Overthink It Grids.“
Během této cesty se samozřejmě setkáme s několika problémy (jako vy). V tomto případě jsme použili selektor atributů, který se neshodoval tak, jak jsme chtěli.
Také jsme vytvořili soubor CSS „nástrojů“, který bude obsahovat třídy, které jsou obecné, opakovaně použitelné a jsou globálně užitečné. Prvním z nich, jako vždy, je Clearfix - trochu CSS, které můžeme použít na nadřazené prvky, které nechceme zhroutit kvůli jejich plaveným dětem. Nenahráváme tento soubor nástrojů CSS jako samostatný soubor, @importujeme jej do globálního.
Necháme mřížku pracovat, ale stále musíme pracovat na tom, aby tam správně seděly moduly a byly nastaveny žlaby.
