Preskočiť na hlavný obsah
IDSK 3

Rozloženie stránky a responzívne zobrazenie

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ú rozmiestň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 rozmiestňovanie jednotlivých prvkov v rámci celého dizajnu.

Mobile

375px - 520px / 4 stĺpce

Technická schéma mriežky pre mobilné zariadenia. Ukazuje obrazovku so šírkou 375 až 520 pixelov rovnomerne rozdelenú do 4 vertikálnych stĺpcov s úzkymi medzerami.

Tablet

730px / 8 stĺpcov 75px

Technická schéma mriežky pre tablet. Ukazuje obrazovku so šírkou 730 pixelov rozdelenú do 8 vertikálnych stĺpcov, pričom každý stĺpec má pevnú šírku 75 pixelov.

Desktop L

1440px / 12 stĺpcov 75px

Technická schéma mriežky pre veľké monitory. Ukazuje obrazovku so šírkou 1440 pixelov, v strede ktorej je umiestnených 12 vertikálnych stĺpcov so šírkou 75 pixelov.