DEV Community

loading...
Cover image for Dynamic weather🌤 Interface with just CSS!

Dynamic weather🌤 Interface with just CSS!

comscience profile image kapeel kokane ・1 min read

When I opened the twitter app today, I came across this beautiful weather widget by Ellie:

I thought to myself, "Wow that is great!😲. Wish I had that kind of CSS skills." and the very next moment I thought, "Why not give it a shot!". I spent the next 2 hours👨🏾‍💻 struggling with it and googling several CSS properties and got this end result. Not bad for my first time, I would say.

I urge you guys to give it a try too!
Let us utilize this lockdown duration to upskill ourselves and learn new stuff on a daily basis. Let me know how your challenge turns out in the comments section below.
Cheers!

Discussion (5)

Collapse
teamallnighter profile image
Collapse
comscience profile image
kapeel kokane Author

Thanks a lot :)

Collapse
callmehongmaybe profile image
CallmeHongmaybe

Can't watch the code but Noice.

Collapse
Sloan, the sloth mascot
Comment deleted
Collapse
comscience profile image
Forem Open with the Forem app