3 ms·
I feel like viewport height (vh) kind of solved this. Designing for a specific height is janky but now you can just programmatically do it.
by burcs 3y ago
I feel like viewport height (vh) kind of solved this. Designing for a specific height is janky but now you can just programmatically do it.
- bbx 3y agoExactly. Combining vh with a min and a max height is the best solution nowadays to design an effective landing page.
- idkwhoiam 3y agoFor people not using CSS a lot, vh is a little tricky on mobile. I guess that's what's behind "kind of" in the parent comment. It has to do with the fact that the viewport size changes as you start scrolling down [0] [0] - https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4
- makeitdouble 3y agoI think the more interesting part is which heights are interesting to keep in mind. The below 900 ones are somewhat obvious as they also match smartphone sizes, but I was surprised to see very little common border above that. In particular anything above 2000 seems pretty rare.
- kolinko 3y agoWorth noting that it's points, not pixels. On my 15" Macbook Pro, full screen, it shows 900 as the line, whereas in pixels it's closer to 1800 or sth.