12
Had to choose between a pure CSS landscape and a geometric abstract for a contest
A few years back I entered a small online CSS art contest. I had sketched out two ideas - a sunset over a mountain range with gradients and shapes, and a geometric abstract using only circles and squares. I spent about 6 hours on the landscape, got some nice smooth curves with border-radius. But on final day I switched to the abstract because it was cleaner and I could get perfect alignment using calc and transforms. The landscape looked a bit messy at different screen sizes. The abstract won third place. Has anyone else run into the responsive scaling problem with natural scenes?
2 comments
Log in to join the discussion
Log In2 Comments
taylor_moore20h ago
Man I heard @cooper.spencer nailed it with the clamp() trick for abstracts.
3
cooper.spencer1d ago
I mean, that responsive scaling issue is exactly why I stick to abstracts now too. The way you describe the landscape getting messy at different sizes is so real, I've had that same problem where a nice mountain ridge just completely breaks on a phone screen. Idk, maybe it's just me but I feel like nature scenes rely so much on specific proportions and those get lost when you start resizing things. I've had way better luck with geometric stuff where you can use viewport units and clamp() to keep everything tight no matter the screen.
0