Web Dev Daily Challenges
The purpose of the web dev challeneges to work on building proojects using my skills from basic HTML to advanced JS w/o the use of GPT.
Projects
Challenge 1: Get In Touch UI
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 2: Book Profile Page
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 3: Blog Card
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 4: CardUI
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 5: Contact Form UI
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 6: Crowdfunding Page
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 7: Newsletter
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 8: Payment Landing UI
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 9: Portfolio UI 1
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 10: Portfolio UI 2
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 11: Product Info
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 12: SaaS ui
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 13: Weather App UI
Feb. 5, 2026
Design a webpage layout using CSS Grid to arrange content in a grid format.
View Challenge View DemoChallenge 14: Eye Follow UI
Feb. 20, 2026
This is a simple UI that follows the user's mouse movement with
the eyes.
The pupils will move in the direction of the mouse cursor,
creating a fun and interactive experience.
Challenge 15: FAQ Dropdown UI Challenges
March 12, 2026
Designed a responsive accordion using boostrap 5 and custom css.
View Challenge View DemoProjects
| Challenge | Description | Date | Level | Challenges | Demo Link |
|---|---|---|---|---|---|
| Challenge 1 | FAQ Dropdown UI | March. 12, 2026 | Beginner | View Challenge | View Demo |
| Challenge 2 | Eye Follow UI | Feb. 20, 2026 | Beginner | View Challenge | View Demo |
| Challenge 3 | Get In Touch UI | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 4 | BookProfilepage | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 5 | Blog-card | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 6 | cardsUI | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 7 | contactFormUI | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 8 | crowdfundings | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 9 | newsletter | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 10 | paymentLandingPage | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 11 | portfolioUI | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 12 | portfolioUI2 | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 13 | productinfo | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 14 | saaasui | Feb. 5, 2026 | Beginner | View Challenge | View Demo |
| Challenge 15 | weatherAppUI | Feb. 5, 2026 | Beginner | View Challenge | View Demo |