Dizajn stránok sa formuje do podoby veľmi mriežky. Naše moduly budú veľmi čisto rozložené do mriežky. Nie sú však mriežky zložité a čudné? A možno by sme mali ísť použiť nejaký efektný rámec tam vonku? Nie. Sú ľahké. Jednoduchý nastavíme za pár minút. Koncepty, ktoré tu fungujú, inšpirovali článok „Nezmýšľajte nad tým mriežkami“.
Počas tejto cesty sa samozrejme stretneme s niekoľkými problémami (ako vy). V tomto prípade sme použili selektor atribútov, ktorý sa nezhodoval tak, ako sme chceli.
Nastavili sme tiež súbor CSS „s nástrojmi“, ktorý bude obsahovať triedy, ktoré sú všeobecné, opakovane použiteľné a sú všeobecne užitočné. Prvým z nich, ako vždy, je Clearfix - trochu CSS, ktorý môžeme použiť na nadradené prvky, ktoré nechceme zrútiť kvôli ich vznášajúcim sa deťom. Tento súbor nástrojov CSS nenačítame ako samostatný súbor, @importujeme ho do globálneho súboru.
Dostaneme funkčnú mriežku, ale stále máme čo robiť, aby sme správne osadili moduly a nastavili odkvapy.
