CSS Advanced Practice Flashcards
7 cards from real CSS practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.
Read the first 7 CSS Advanced Practice flashcards as text
Which property pair defines a grid item's placement across columns and rows shorthand?
Answer: grid-area
grid-area can set row-start / column-start / row-end / column-end in one declaration or reference a named area.
What does 'aspect-ratio: 16 / 9' do to a box?
Answer: Maintains a width-to-height ratio when one dimension is auto
aspect-ratio establishes a preferred ratio so the box sizes proportionally when a dimension is unset.
Which selector combinator targets a direct child only?
Answer: >
The > combinator matches elements that are immediate children of the parent.
What does 'mix-blend-mode: multiply' do?
Answer: Blends an element's colors with the backdrop by multiplying channels
multiply blends the element with what is behind it by multiplying color channel values, darkening the result.
Which unit is relative to the root element's font size?
Answer: rem
rem is relative to the font-size of the root (html) element.
What does 'overflow: clip' differ from 'overflow: hidden' in?
Answer: clip forbids all scrolling and doesn't create a scroll container
overflow: clip hides overflow without establishing a scroll container, so it cannot be scrolled programmatically.
Which property controls the spacing between grid tracks?
Answer: gap
gap (formerly grid-gap) sets the gutters between rows and columns.