CSS Interview Challenge

CSS Interview Challenge

1. CSS Layout & Positioning

Flexbox (flex-shrink)

A (grow)
B (shrink)
C (fixed)

Positioning

Parent (relative)
I'm absolutely positioned

2. Core Web Vitals & Performance

Image types

art example ui example

Sprite demo

External API image handling

api

3. CSS Backgrounds & Images

Background aligned right (use background-position)

SVG Styling

4. Accessibility

Screen reader ignore tests:

decorative image
This text is for screen readers only

5. HTML & Media

Picture vs img

picture

Video (muted autoplay)

6. CSS Advanced Features

Transitions & Animations

Keyframe animation box

Typography (clamp)

This headline should scale with clamp().

3rd Interview — Selectors, Specificity & Cascade

div (no class)
.card element
#app element (note: header has this id)
Hover / focus me
Move me with transform or left
flex item