This project is a collection of country flags created using only HTML and CSS.
It’s part of my practice to improve CSS skills by working with shapes, layouts, and styling — all without images.
- Explore the power of pure CSS for creating visual designs
- Practice concepts like:
- Flexbox and positioning
- Borders and border-radius
- Background colors and layering
- Structuring flags using simple
div
Check it out here: Flags Demo
index.html→ Base HTML structurestyle.css→ All flag styles
- Flag of Åland Islands
- Flag of Armenia
- Flag of Austria
- Add more country flags
- Organize them in a responsive grid layout
- Experiment with gradients and pseudo-elements (
::before,::after) for more complex flags
✨ Built as part of my journey to strengthen front-end design skills.