mobile height issue

i have a react typescript project with several menus, i use width: 100svw; and the width fits the screen no matter the size for all menus, however this doesn't work the same with height, is there something that would cause this to be different?
5 Replies
Lamer of Sweden
Lamer of Sweden8mo ago
Bedtime here, but a short answer. svh reflects the smallest possible viewport height. svw refers to smallest possible viewport width. So check value for the width property since you now mixed width with a value used for height.
Ævie
ÆvieOP8mo ago
that was a typo, meant svw
Lamer of Sweden
Lamer of Sweden8mo ago
Ok. Would be great if you could make a Copepen https://pen.new/ or similar. And then I am sure someone will help you out. 🙂
Mannix
Mannix8mo ago
html,body,.container{height: 100%;}
html,body,.container{height: 100%;}
ἔρως
ἔρως8mo ago
you can also use 100dvh

Did you find this page helpful?