Remix.run Logo
mediumsmart 6 days ago

There is more to this

https://resilientwebdesign.com

skrtskrt 6 days ago | parent [-]

That looks horrific too why is there an enormous amount of space between each letter, word, and line.

daemonologist 6 days ago | parent | next [-]

The line height is cranked up to 1.75 and font size is derived from the view width:

    calc( 1em + (2 - 1) * ( (100vw - 20em) / ( 100 - 20) ))
Works on mobile (and probably on a vertically oriented monitor) but it's pretty poor on a small and wide laptop screen. Fortunately it's constrained to 2em above a vw of 100em or ultrawide would be very interesting indeed.
wmf 6 days ago | parent [-]

The text is enormous on a "standard" 1280px desktop window and very little content fits on the screen due to the vertical spacing.

LoganDark 6 days ago | parent | prev | next [-]

Seems like it was designed mobile-first. Or mobile-only.

primozk 5 days ago | parent [-]

Not so resilient then.

NooneAtAll3 5 days ago | parent | prev [-]

imo that effect is simply due to website being too zoomed-in

if you ctrl-minus a bit, it becomes more bearable