20 of 20 questions
// Interview Deck · CSS
CSS
Layouts, positioning, flexbox, grid, specificity, and the styling concepts that trip people up under pressure.
01
Beginner
What is the CSS box model?
Card #1View Answer
02
Beginner
What is CSS specificity and how is the cascade decided?
Card #2View Answer
03
Beginner
Explain the position property — static, relative, absolute, fixed, sticky.
Card #3View Answer
04
Beginner
Explain Flexbox and its main properties.
Card #4View Answer
05
Beginner
Explain CSS Grid and its main properties.
Card #5View Answer
06
Beginner
Difference between em, rem, %, vh, and vw units?
Card #6View Answer
07
Beginner
What are media queries and how do you use them for responsive design?
Card #7View Answer
08
Beginner
Difference between pseudo-classes and pseudo-elements?
Card #8View Answer
09
Beginner
Difference between display: none and visibility: hidden?
Card #9View Answer
10
Intermediate
What is !important and when should you use it?
Card #10View Answer
11
Intermediate
What is z-index and stacking context?
Card #11View Answer
12
Intermediate
What are CSS custom properties (CSS variables)?
Card #12View Answer
13
Intermediate
Difference between CSS transitions and animations?
Card #13View Answer
14
Beginner
Difference between box-sizing: border-box and content-box?
Card #14View Answer
15
Intermediate
What is BEM and why use a CSS naming convention?
Card #15View Answer
16
Intermediate
When should you use Flexbox vs Grid?
Card #16View Answer
17
Beginner
What is float and the clearfix hack? (legacy but still asked)
Card #17View Answer
18
Beginner
What does the overflow property do?
Card #18View Answer
19
Intermediate
How is CSS specificity actually calculated?
Card #19View Answer
20
Intermediate
What does 'mobile-first' responsive design mean and why is it preferred?
Card #20View Answer