MERN Stack Interview Handbook (2026)
Part 1: HTML & CSS
Interview Question: HTML Basics
Answer: HTML is the standard markup language for creating web pages.
Interview Question: What is HTML5?
Answer: HTML5 introduced semantic elements, audio/video support, canvas, localStorage and
improved forms.
Interview Question: Semantic Tags
Answer: Examples: header, nav, main, section, article, aside, footer. They improve SEO and
accessibility.
Interview Question: div vs span
Answer: div is block-level; span is inline.
Interview Question: localStorage vs sessionStorage
Answer: localStorage persists until cleared; sessionStorage lasts until the tab closes.
Interview Question: CSS Box Model
Answer: Content, Padding, Border and Margin.
Interview Question: Flexbox
Answer: One-dimensional layout for rows or columns.
Interview Question: CSS Grid
Answer: Two-dimensional layout with rows and columns.
Interview Question: Position
Answer: static, relative, absolute, fixed, sticky.
Interview Question: Responsive Design
Answer: Use media queries, flexible layouts and responsive units.
Sample Coding Question
Create a responsive navbar.
Use Flexbox with display:flex, justify-content:space-between and a media query for mobile.
Common Company Questions
• TCS: Explain semantic HTML.
• Infosys: Difference between Flexbox and Grid.
• Cognizant: Box model.
• Accenture: Position property.
• Capgemini: Responsive design using media queries.