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