Vanilla-CSS-Challenges
30 HTML5 & CSS3 Projects in 30 Days Challenge and Beyond
Day 01 - Instagram Post
Day 02 - Playground Card
Day 03 - Navigation Bar
Day 04 - Login Page
Day 05 - Responsive Pricing Card
Day 06 - Stats Card
Day 07 - Profile Header
Day 08 - Blog Section
Day 09 - Tooltip Challenge
Day 10 - Instructor Sidebar
Day 11 - Segment Switch Component
Day 12 - Mobile Responsive Navbar
Day 13 - Overlay Element
Day 14 - Flip Card Animation
Day 15 - Animated Progress Bar
Day 16 - Loading Spinner
Day 17 - Disable Text Selection
Day 18 - Zebra Table
Day 19 - Breadcrumbs Element
Day 20 - Wobble Grid Elements
Day 21 - Marquee Element
Day 22 - Simple CSS Shape
Day 23 - Skeleton Loading
Day 24 - Results Summary Component
Day 25 - Huddle Landing Page
Day 26 - Four Card Feature Section
Day 27 - Social Proof Section
Day 28 - Profile Card Component
Day 29 - 3 Column Preview Card Component
Day 30 - Testimonials Grid Section
+Day30 - Google Flashback
+Day30 - Book Promotion Blog
+Day30 - Odin Recipes
+Day30 - Landing Page
+Day30 - Cursor Grid Gallery
+Day30 - Sign-up Form
+Day30 - Admin Dashboard
+Day30 - QR Code Component
+Day30 - Order Summary Component
+Day30 - Pricing Crop
+Day30 - Reminder Application Design
+Day30 - Smart Bulb
+Day30 - Countdown Page
Other responsive design projects I made with Pure CSS
Click to see the challenges I made with Tailwind CSS.