Il design del sito si preannuncia molto simile a una griglia. I nostri moduli saranno disposti in modo molto pulito in una griglia. Ma le griglie non sono complesse e strane? E forse dovremmo usare qualche quadro di fantasia là fuori? Nah. Sono facili. Ne imposteremo uno semplice in pochi minuti. I concetti al lavoro qui hanno ispirato l'articolo "Non pensare troppo alle griglie".
Naturalmente, incontriamo alcuni problemi lungo il percorso (come fai tu). In questo caso, abbiamo utilizzato un selettore di attributi che non corrispondeva come volevamo.
Abbiamo anche impostato un file CSS "toolbox" che conterrà classi generiche, riutilizzabili e utili a livello globale. Il primo, come sempre, è Clearfix: un po 'di CSS che possiamo usare sugli elementi principali che non vogliamo che vengano compressi a causa dei loro figli flottanti. Non carichiamo questo CSS del toolbox come file separato, lo @importiamo nel file globale.
Facciamo funzionare la griglia, ma abbiamo ancora del lavoro da fare per posizionare correttamente i moduli e impostare le grondaie.
