Frontend Fundamentals Questions
Demonstrate foundational knowledge of frontend web technologies and constraints relevant to product and design decisions. Topics include layout systems such as flexbox and grid, responsive breakpoints and mobile considerations, browser compatibility and rendering implications, animation and performance trade offs, accessibility markup and semantics, and effective communication and handoff with frontend engineers. The goal is pragmatic awareness of what is technically feasible, common pitfalls, and how frontend constraints influence design choices.
MediumTechnical
70 practiced
During handoff, how would you document responsive behavior and edge cases for a complex component (e.g., an adaptive card with image, title, actions)? List the key artifacts and details developers need.
MediumTechnical
42 practiced
What is the CSS box-sizing property and why might you prefer box-sizing: border-box in a design system? Provide an example where content-box causes layout surprises.
HardTechnical
38 practiced
Explain the FLIP animation technique (First, Last, Invert, Play). Walk through how you'd apply FLIP to animate reordering items in a list and why it improves performance.
MediumTechnical
49 practiced
Present a short plan for adding accessibility support to an existing modal component that currently traps neither focus nor screen reader announcements. Include necessary ARIA attributes, JS behavior, and design changes.
MediumTechnical
47 practiced
A designer suggests using web fonts for brand consistency. Discuss the trade-offs (performance, FOUT/FOIT, licensing) and outline mitigation strategies so the design remains faithful while keeping good UX.
Unlock Full Question Bank
Get access to hundreds of Frontend Fundamentals interview questions and detailed answers.
Sign in to ContinueJoin thousands of developers preparing for their dream job.