Sivustosuunnittelu on muuttumassa hyvin ruudukkomaiseksi. Moduulimme asettuvat erittäin siististi ruudukkoon. Mutta eivätkö ristikot monimutkaisia ja outoja? Ja ehkä meidän pitäisi käyttää jotain hienoa kehystä siellä? Ei. Ne ovat helppoja. Perustamme yksinkertaisen vain muutamassa minuutissa. Tässä työssä olevat käsitteet tekivät artikkelin "Älä ajattele sitä ruudukkoa".
Tietysti törmäämme muutamaan ongelmaan matkan varrella (kuten sinäkin). Tässä tapauksessa käytimme määritteen valitsinta, joka ei vastannut sitä kuin haluaisimme.
Perustimme myös "toolbox" CSS-tiedoston, joka sisältää luokat, jotka ovat yleisiä, uudelleenkäytettäviä ja tavallaan maailmanlaajuisesti hyödyllisiä. Ensimmäinen, kuten aina, on Clearfix - vähän CSS: ää, jota voimme käyttää vanhempien elementteihin, joita emme halua romahtaa heidän kelluvien lastensa takia. Emme lataa tätä työkalupaketin CSS: ää erillisenä tiedostona, me @ tuomme sen globaaliin tiedostoon.
Saamme ruudukon toimimaan, mutta meillä on vielä tehtävää saadaksemme moduulit oikein istumaan ja kourut pystyttämään.
