30 Days CSS Challenge

Hey everyone, this is Vishal Pandey and I have seen that many of the juniors who start the web development have a problem practicing HTML, CSS as both are the pillars so I have decided to make a 30 days challenge for them and if they do every single day they will master the skill of designing any button, hover, animations, etc.

It is extreme however do it for yourself.

PLAN: 1.) Code everyday HTML, CSS project everyday. 2.) Make a note of every important selectors and points. 3.) Upload your source code at Github.

At the end of this challenge: 1.) 30 mini-projects.

Day 1:- Glowing Neon Buttons Day 2:- Neumorphism Login Form Day 3:- Responsive Task Management Dashboard Day 4:- Side Navigation Bar Day 5:- Social Media Icons with Tooltip on Hover Day 6:- Toggle Neumorphism Switch Day 7:- FAQ Accordion Section Day 8:- Game Card Hover Effects Day 9:- Dropmorphism Day 10:- Responsive Image Gallery Day 1 1:- Custom Radio Buttons Day 12:- Responsive Pricing Card tables Day 13:- Toggle ON-OFF Switch Button Day 14:- Samsung Watch Clone Day 15:- Neumorphic Login Form Design Day 16:- Neumorphism Animation Day 17:- Card Reveal Hover Effect Day 18:- Animated Login and Sign Up Form Day 19:- Animated Search Bar Day 20:- Animated Search Bar Day 21:- 3D Button Hover Animation Day 22:- Profile Cards Design Day 23:- Button with Animated Border Day 24:- Profile Cards Design Day 25:- Image Hover Effects Day 26:- CSS Button Hover Effect Day 27:- CSS Image Hover Effect Day 28:- CSS Button Hover Effect Day 29:- CSS Card Hover Effects Day 30:- Responsive CSS Cards

Did you find this article valuable?

Support Vishal Pandey by becoming a sponsor. Any amount is appreciated!