1. relative padding

padding: min(minimum, ideal, maximum)

2. relative fotn height

font-size: clamp(minimum, ideal, maximum)

3. Opacity mobile nav

nav {opacity:0; pointer-events: none}
nav.show {opacity:1; pointer-events: all}

<nav inert>

není vidět