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.