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!
rem
s are ok, but trust me, don't usevh
andvw
. 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!
Damn thats helpful thanks for sharing this bruh!
Yeah percentages are pretty clean tho