A collection of practice projects built during my ALX program to master HTML, CSS, and responsive design fundamentals.
👉 Live Demo: alx-html-css-two.vercel.app
📂 Repository: GitHub Repo
- Semantic HTML5 markup
- CSS styling (layouts, flexbox, grids, responsiveness)
- Mobile-first design principles
- Clean project structure for static sites
- Simple landing pages and UI components
| Folder | Description |
|---|---|
| headphones | Static landing page layout (headphone-themed) — responsive design practice. |
| css_basic | Basic CSS exercises: typography, colors, spacing, simple layouts. |
| css_advanced | Flexbox/grid layouts, responsive components, advanced styling challenges. |
| Headphones Landing Page |
|---|
 |
(Add more screenshots/GIFs for css_basic and css_advanced)
git clone https://github.com/amanuel1221/alx_html_css.git
cd alx_html_css
Open any folder (e.g., headphones) and double-click index.html in your browser.
🧠 What I Learned
Writing semantic HTML for accessibility
Building responsive layouts with flexbox and grid
Structuring projects cleanly without frameworks
Practicing mobile-first design principles
🔧 Future Improvements
[ ] Add screenshots/GIFs for each project
[ ] Deploy each mini-project with GitHub Pages or Netlify
[ ] Add README inside each subproject folder
[ ] Ensure consistent folder naming and structure
📄 License
MIT License © 2026 Amanuel