DEV Community

loading...

Discussion on: What went wrong in my Hackathon Submission?!

Collapse
nikhilmwarrier profile image
Nikhil M Warrier

rems are ok, but trust me, don't use vh and vw. They will screw up mobile sites big time. Viewport units work weirdly on android chrome because the url bar hides and shows on scroll, causing layout shifts which are very bad for performance and UX.
Also, 100vw causes horizontal scrollbars on desktop browsers if there is vertical overflow. This happens because scrollbars aren't considered part of your website viewport, causing horizontal scrollbars.
I strongly suggest using percentages instead for heights and widths.
Best of luck!

Collapse
geobrodas profile image
Georgey Author

Damn thats helpful thanks for sharing this bruh!
Yeah percentages are pretty clean tho