✓ Menu / Breakpoints / padding

Zalamovanie menu / paddingy

Menu do 550px

Spodný padding obsahu:

Výpočet výšky paddingu podla sirky od spodu je:
calc(100vw / 1320 * 96) = 7.27vw; pričom minimalne 32px a maximalne 96px

Výška horného menu je 72px
Padding v menu je padding : 0 16px

Výška spodného menu je 79px, menu je vždy prichytené na spodok,
spodný padding počítame od pozície spodného menu

–padding-bottompage: calc(100vw / 1320 * 96);

padding-bottom: clamp(32px, var(–padding-bottompage),96px);

alebo:

padding-bottom: clamp(32px, 7.27vw, 96px);

Menu do 767px

Výška horného menu je 80px
Padding v menu je padding : 0 24px

Menu do 1279px

Výška horného menu je 80px

Padding v menu je padding : 0 32px

Menu do 1366px

Výška horného menu je 88px

Padding v menu je padding : 0 48px

Menu od 1366px

Výška horného menu je 88px

Padding v menu je padding : 0 48px

Max. šírka contentu menu bez paddingu 1320px