My CSS sun disappeared on 3 devices before I figured out the bug

I was at my desk in Portland last Thursday working on a CSS-only sunrise scene with gradients and keyframes. Looked perfect on my monitor, but when I opened it on my phone and tablet, the sun circle just vanished. Turns out I used min-height instead of height on the container for mobile breakpoints. Anyone else had a CSS art piece break across different screen sizes?

3 comments

3 Comments

morgan_jenkins909d ago

Honestly, your post made me rethink my whole responsive approach.

the_gray9d ago

Lean into that feeling, man. I spent years trying to balance between being too rigid with rules and then swinging too far into being a pushover. The real trick is picking a spot somewhere in the messy middle and just adjusting as you go. Once I stopped treating my approach like a finished product and more like a work in progress, everything got way less stressful.

nina8349d ago

The middle ground thing is real but I think you might be oversimplifying what "balanced" actually looks like in practice lol. Like being too rigid with rules isn't just about being a hardass, its about not adapting when the situation clearly calls for something different. And being a pushover isn't just about being nice, its about letting people walk all over you without setting any boundaries. The messy middle doesn't mean you're just picking one spot and staying there forever, it means you're constantly reading the room and shifting based on what's actually happening in front of you.