03/05/2025
*Roadmap to learn HTML & CSS Roadmap in 1 month*
*Week 1: HTML Basics*
What is HTML and how the web works
Basic page structure: , , ,
Headings ( to ), Paragraphs, Links, Images
Lists (, , ), Tables
Forms: , , , buttons
Semantic HTML: , , , , ,
> Mini Project: Create a simple personal profile page using only HTML.
*Week 2: CSS Basics*
What is CSS? Inline vs Internal vs External
CSS Syntax: Selectors, Properties, Values
Colors, Units (px, %, em, rem), Fonts
Box Model (margin, border, padding, content)
display: block, inline, inline-block
position: static, relative, absolute, fixed
> Mini Project: Style your HTML profile page with colors, fonts, and spacing.
*Week 3: Layout with CSS*
Flexbox (justify-content, align-items, flex-wrap)
Grid (grid-template-columns, grid-gap, etc.)
Float & Clear (basic understanding)
z-index, overflow
> Mini Project: Build a responsive 3-column layout using Flexbox or Grid.
*Week 4: Responsive Design*
Media Queries
Mobile-first design
Units: vh, vw, em, rem for responsiveness
Using responsive images and typography
> Mini Project: Build a responsive landing page (like a product page or blog homepage)
React with ❤️ if you want similar roadmap for Javascript
*ENJOY LEARNING* 👍👍