Responsive Design: Media Queries, Fluid Layouts, and Breakpoints
How to build layouts that work across devices; practical breakpoint strategy.
Practice
Use the blog to sharpen answers, review weak areas, and move from basics to mock-style prep without guessing what to read next.
Resume Prep
Jump back into the roadmap you already started, or use the article filters below to practice a specific topic.
Start with JavaScript Core and build your path from basics to mock review.
Basics build confidence, practice sharpens answers, and the roadmap keeps you moving toward the next interview topic.
If you want a guided path (instead of random reading), pick a roadmap. Each one is ordered top-to-bottom.
Event loop, closures, this, hoisting, async, and the fundamentals interviews test.
Types vs interfaces, narrowing, generics, utility types, and practical TS patterns.
Rendering, hooks, state, effects, performance, and common production patterns.
Semantics, layout, flexbox/grid, responsive design, accessibility, modern CSS.
The first lesson in each roadmap — great if you want a clean entry point.
A practical, interview-focused guide to the JS event loop: call stack, Web APIs, task queues, microtasks vs macrotasks, and common trick questions with real examples.
A deep, interview-ready guide to TypeScript types vs interfaces: extension, unions, intersections, declaration merging, and practical patterns for real codebases.
Filter Your Practice
Search by concept, narrow to a series, or pick a tag to focus on the exact topic you want to rehearse.
Results
How to build layouts that work across devices; practical breakpoint strategy.
Grid tracks, fr units, areas, and when Grid beats Flexbox.
Flex container vs items, main/cross axis, and alignment properties that interviewers ask about.
Content, padding, border, margin; box-sizing; and how it affects layout calculations.
Specificity rules, common traps, and practical strategies to avoid fighting CSS.
Why semantic HTML matters, how it affects accessibility/SEO, and how to choose the right elements.
Practical performance levers: memoization, splitting, virtualization, and avoiding unnecessary renders.
How to build and name custom hooks, and what makes them testable and reusable.
Context basics, performance implications, and alternatives like composition.