Laten we eerst uitleggen wat een “grid” is. In de webdevelopment en webdesign wordt vaak gebruik gemaakt van een 12 kolommen “grid” systeem. Dit is om een leidraad te trekken tussen beide werelden van design en het bouwen van sites. Deze 12 kolommen zitten vaak in een blok met een bepaalde breedte. Laten we een voorbeeld geven. Een full-HD 27 inch scherm is vaak 1920×1080 pixels (pixels is wat er wordt gebruikt om een grootte aan te duiden op een beeldscherm). Een standaard grid systeem bestaat uit een blok van 1170 pixels breed en is in het midden uitgelijnd, in dit blok zitten de 12 kolommen die hierboven worden uitgelegd. Het kan voorkomen dat een functie of ontwerp vraagt om buiten dit blok te werken en zo ontstaat een “afwijkend grid”. Dit is vrijwel altijd een extra uitdagingen voor het bouwen maar kan ook voor hele mooie resultaten zorgen.