html-css-practice

HTML & CSS Practice

This repository documents a learner’s journey — from complete nomad to humble expert in web development. By the will of beloved Allah ﷻ, I commit intense hours daily to carve out a place in this craft — fueled by ihsan, the pursuit of spiritual excellence in the depths of the web development world.

---

The Roadmap

• HTML5 — structure, landmarks, forms, tables, media
• CSS — selectors, colors, text, box model, display
• CSS — flexbox, grid, responsive design
• Git & GitHub — version control, committing work
• JavaScript — the language of behavior
• TypeScript — JavaScript with types
• React — component-based UI
• Tailwind CSS — utility-first styling
• Next.js — full-stack React framework
• Node.js — backend JavaScript
• UI/UX — design principles, woven in throughout

---

Project Structure

html-css-practice/ │ ├── README.md │ ├── 01-html-basics/ │ └── index.html │ ├── 02-forms/ │ └── index.html │ ├── 03-tables/ │ └── index.html │ ├── 04-css-basics/ │ ├── index.html │ └── style.css │ ├── 05-box-model/ │ ├── index.html │ └── style.css │ └── 06-flexbox/ ├── index.html └── style.css

Each folder is one topic. Every project starts with an index.html (the page) and a style.css (the styles).

---

Progress Log

November 2025

• Completed HTML5 fundamentals — landmarks, text tags, links, forms, tables, media
• Built and styled a portfolio page and a blog page
• Started CSS — selectors, colors, text properties, box model, display
• Learned Git & GitHub basics — created profiles, started this repo

---

The Goal

Not just to learn syntax — but to build with excellence, humility, and purpose.