Roadmap › 4. Frontend › Step 42
H5
HTML5 & CSS3 — Semantic Markup to Responsive Layouts
Document structure, semantic HTML, forms and accessibility, the CSS cascade and specificity, the box model, Flexbox and Grid, responsive design with media and container queries, CSS variables, Bootstrap/Tailwind and the HTML/CSS interview questions.
Interview priority:★ Must know High priority — asked in almost every interview, learn firstMedium asked regularlyLow good to know
Module 1: HTML Foundations
- 1.Document structure and semantic HTMLBasic ★ Must know
- 2.Forms, input types and validationBasic ★ Must know
- 3.Accessibility essentialsBasic ★ Must know
Module 2: CSS Fundamentals
- 4.Selectors, the cascade and specificityBasic ★ Must know
- 5.The box model, units and positioningBasic ★ Must know
Module 3: Layout and Responsive Design
- 6.Flexbox — one-dimensional layoutIntermediate ★ Must know
- 7.CSS Grid — two-dimensional layoutIntermediate ★ Must know
- 8.Responsive design — mobile first, media and container queriesIntermediate ★ Must know
Module 4: Modern CSS and Frameworks
- 9.Variables, transitions, animations and modern selectorsIntermediate Medium
- 10.Bootstrap, Tailwind and CSS architectureIntermediate Medium
- 11.Performance and SEO for HTML/CSSAdvanced Medium
Next course in the roadmap: 43. JavaScript (ES5 → ES2025) & TypeScript Basics →