HTML/CSS (Interview Prep)

A structured roadmap of HTML/CSS fundamentals that matter most in frontend interviews. Start top-to-bottom.

Series: HTML/CSS

Progress: 0/10

Start here

HTML Semantics: The Interview Answer

Why semantic HTML matters, how it affects accessibility/SEO, and how to choose the right elements.

2 min readStart lesson →

Roadmap (10)

Practice HTML/CSS articles →

1
HTML Semantics: The Interview Answer
2 min read
Why semantic HTML matters, how it affects accessibility/SEO, and how to choose the right elements.
2
CSS Specificity: How Styles Actually Win
2 min read
Specificity rules, common traps, and practical strategies to avoid fighting CSS.
3
The CSS Box Model (Deep but Practical)
2 min read
Content, padding, border, margin; box-sizing; and how it affects layout calculations.
4
Flexbox: Aligning Layouts the Right Way
2 min read
Flex container vs items, main/cross axis, and alignment properties that interviewers ask about.
5
CSS Grid: Two-Dimensional Layout
2 min read
Grid tracks, fr units, areas, and when Grid beats Flexbox.
6
Responsive Design: Media Queries, Fluid Layouts, and Breakpoints
1 min read
How to build layouts that work across devices; practical breakpoint strategy.
7
Accessibility Basics for Frontend Interviews
2 min read
Keyboard navigation, focus management, ARIA basics, and common accessibility mistakes.
8
How to Center a Div (All Common Ways)
1 min read
The interview classic: centering with flexbox, grid, absolute positioning, and margin auto.
9
CSS Positioning: static/relative/absolute/fixed/sticky
2 min read
How positioning works, stacking contexts, and what trips people up in interviews.
10
Modern CSS Features You Should Know
1 min read
clamp(), container queries, :has(), logical properties, and modern layout utilities.