Welcome to CITE Fest: CSS Battle!
Test your front-end creativity and CSS skills by recreating design challenges using only HTML & CSS.
Each folder inside this repository contains a CSS Battle problem.
Try to replicate the target design using only CSS and minimal HTML.
You can:
- 🔍 Open the problem folder to see the design and requirements.
- 💻 Code your own version from scratch.
- 🧠 Compare your result with the official solution link.
You can view or attempt the official challenges here:
👉 Try the challenges yourself on Codier.io
Each challenge on Codier also lets you:
- Edit and submit your own code directly in the browser.
- See how close your solution matches the original design.
- Fork this repository.
- Choose a problem folder.
- Recreate the design using your best CSS skills.
- Submit your version via Codier or as a pull request!
- Focus on accuracy and code cleanliness.
- Avoid unnecessary HTML elements — pure CSS magic wins points!
- Feel free to experiment with transforms, gradients, and pseudo-elements.
Made with ❤️ by
👨💻 Charleszx28
👩💻 aVeryTinySoapy
Part of the CITE Fest 2025: Front-End Showdown