Het ontwerp van de site wordt erg rasterachtig. Onze modules zullen zeer netjes in een raster worden ingedeeld. Maar zijn rasters niet ingewikkeld en raar? En misschien moeten we een of ander mooi raamwerk gaan gebruiken? Nee. Ze zijn makkelijk. We zullen in slechts een paar minuten een eenvoudige opzetten. De concepten die hier aan het werk waren, waren de inspiratie voor het artikel 'Don't Overthink It Grids'.
Natuurlijk komen we onderweg een paar problemen tegen (zoals jij). In dit geval hebben we een attribuutkiezer gebruikt die niet overeenkwam zoals we wilden.
We hebben ook een "toolbox" CSS-bestand opgezet dat klassen zal bevatten die algemeen, herbruikbaar en min of meer wereldwijd bruikbaar zijn. De eerste is, zoals altijd, de Clearfix - een beetje CSS die we kunnen gebruiken op bovenliggende elementen die we niet willen laten instorten vanwege hun zwevende kinderen. We laden deze toolbox CSS niet als een apart bestand, we @importeren het in het global.
We krijgen het raster werkend, maar we hebben nog werk te doen om de modules er correct in te krijgen en de goten te plaatsen.