←back to thread

Aspects of modern HTML/CSS you may not be familiar with

(lyra.horse)
451 points todsacerdoti | 1 comments | 28 Aug 25 20:49 UTC | HN request time: 0.205s | source
Show context
dwd ◴[29 Aug 25 01:09 UTC] No.45058865[source]▶
I don't agree with his "Do not the vw/vh".

I find vw very useful for a scaling pixel-perfect mobile portrait view that looks identical whether your mobile is 320px or 440px viewport width.

replies(2): >>45058993 #>>45059353 #
alt187 ◴[29 Aug 25 02:22 UTC] No.45059353[source]▶
I agree, vw has been very useful in making sites work the same on mobile and desktop. Even vh, sometimes.
replies(1): >>45060172 #
1. dwd ◴[29 Aug 25 04:24 UTC] No.45060172[source]▶
Definitely sometimes.

I generally avoid vh, and rely more on calc and vw to calculate any height that needs cropping, padding or scaling.

For example dynamically equalising the height of boxes with unequal content - used to be something you did need JavaScript for.

Another is setting widths, heights and gaps using a css grid to create responsive mosaic image layouts.