Article · Field notes
Frontend Interview
01 Feb 2023 2 min read
I keep coming back to the same two things in frontend interviews:
- CSS fundamentals
- React pair coding (challenge template)
Not because I want trivia answers. I want to see how people think out loud and debug in real time.
CSS and layout questions
How do you explain CSS specificity to a teammate who is stuck?
Which units do you actually use in production, and why?
%pxemremvh
Height question: how would you make a div truly full-page height?
Internationalization question: in LTR/RTL layouts, how would you set a 1em margin at the end of text correctly?
Spacing question: how would you build a footer with predictable margins across breakpoints?
Which positioning modes do you trust, and when?
static(default)initialabsolutefixedrelativesticky
Explain absolute positioning in plain language. What happens with inset: 10px?
Stacking context
What is a stacking context, and what bugs have you seen because of it?
- Setting
opacityto a value less than1 - Setting
positiontofixedorsticky - Applying a
mix-blend-modeother thannormal - Adding a
z-indexto a child inside adisplay: flexordisplay: gridcontainer - Using
transform,filter,clip-path, orperspective - Explicitly creating a context with
isolation: isolate
How would you make a container scroll on y but not x?
The practical pattern I like: outer wrapper handles clipping/border radius, inner wrapper handles scrolling.
Copyright 2022 Andras Hejj