A growing collection of small CSS projects I created to practice and improve my front-end skills.
Each folder contains a mini project focused on a specific concept or UI component.
These projects were created as part of a FreeCodeCamp course.
- Colorful Border - A visually appealing border using gradients.
- Expanding Search Bar - A smooth, expanding search input field using CSS animations.
- Codepen Tile – A visually appealing, responsive tile design.
- Loading Animation 1 - A creative, pulse-based loading effect using only CSS.
- Loading Animation 2 - A colorful spinning using CSS animation.
- Archery Target - A colorful target board created using CSS flexbox.
- Word Carousel - A looping text carousel that cycles through words with clean transitions.
- Flag of France - A simple recreation of the French flag using only HTML and CSS layout.
- Colorful Border
- Expanding Search Bar
- Codepen Tile
- Loading Animation 1
- Loading Animation 2
- Loading Animation 3
- Archery Target
- Word Carousel
- Flag og France
- Flag of Germany
- Flag of Japan
- Flag of Niger
- Flag of Madagascar
- Flag of Sweden
- Flag of Switzerland
- Jeopardy Flashcard
- Toggle Switch -
- Instagram Stories Menu -
This repo serves as a sandbox for trying out creative CSS ideas, learning new techniques, and tracking my progress as a developer.
Feel free to explore or suggest improvements!