Mriežka slúži na vytvorenie vizuálneho poriadku a usporiadania prvkov v rámci dizajnu. Grid sa skladá z vertikálnych a horizontálnych liniek, ktoré delia dizajn na jednotlivé mriežky, segmenty alebo stĺpce. Prvky sú rozmiešťované na mriežke v rámci definovaných stĺpcov a riadkov, čím sa vytvára jasný vizuálny poriadok a zabezpečuje sa správne rozmiesťovanie jednotlivých prvkov v rámci celého dizajnu.

Mobile

375px - 520px / 4 stĺpce

grid mobil

Tablet

730px / 8 stĺpcov 75px

grid tablet

Desktop L

1440px / 12 stĺpcov 75px

grid desktop L