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.
HardTechnical
0 practiced
Explain how compositing layers work in browsers and how properties like transform, will-change, and opacity can create new layers. When is creating layers beneficial and when can it harm performance?
MediumTechnical
0 practiced
A design includes a 60 FPS animation with multiple layered shadows and blur on a hero element. Explain which CSS properties are expensive to paint and how you would redesign or suggest changes to meet performance budgets.
MediumTechnical
0 practiced
Explain cross-origin resource constraints that affect designers (e.g., embedding fonts, images, iframes). Provide two examples of design features that may break under CORS and how you would mitigate them.
MediumTechnical
0 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
0 practiced
You observe layout jitter during webfont load causing Content Layout Shift. Propose a technical and design approach to avoid CLS while keeping typography close to the intended design.
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.