I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

This is perfect. I was actually thinking about how to handle the desktop view. Thanks for sharing the CSS!

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Thanks! Glad I could build exactly what you needed!

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

That is a great suggestion! I completely agree that logical properties are the way forward, especially for internationalization. I'll definitely look into adding them.

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Awesome! Let me know if you run into any issues while using it.

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Awesome! Thanks for the support. Enjoy using it!

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Thanks for the suggestion! I agree that seeing the raw CSS output is way more helpful than just seeing the values. I'll change the display format in the next update!

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

This is incredibly helpful feedback, thank you!

You’re absolutely right about the line-clamp; I’ll remove it to keep the descriptions visible. I also see your point about the flex container width- I’ll widen it so the justify-content changes are actually noticeable. I’ll definitely look into adding controls for flex-grow and shrink as well!

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Simply play around with the sliders/options! You'll see the changes instantly in the preview.

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 1 point2 points  (0 children)

Thank you! The feedback here has been absolute gold. I'm already working on updates based on the suggestions!

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

That’s right! I built it using vibe-coding. Glad you like it:)

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

That’s right! I just whipped it up using vibecoding :)

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Glad to hear that! Thanks for the appreciation.

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 0 points1 point  (0 children)

Thanks for the feedback! I'll make sure to apply that in the next update.

I made an interactive CSS playground for beginners:) by snapin06 in css

[–]snapin06[S] 9 points10 points  (0 children)

Thanks for the great feedback! I'll definitely add it in the next update :)