CSS (Layout & Images) 2

Question 1

Which CSS property creates a grid container?

Accepted Answer

display: grid

Answer

Setting display: grid on an element turns it into a grid container.

Question 2

What does the 'object-fit: cover' value do to an image?

Accepted Answer

Scales it to fill the box while keeping aspect ratio, cropping overflow

Answer

object-fit: cover fills the content box while preserving aspect ratio, cropping any excess.

Question 3

Which property sets the spacing between flex items?

Accepted Answer

gap

Answer

The gap property defines spacing between flex (and grid) items.

Question 4

What value of 'position' removes an element from normal flow and positions it relative to the nearest positioned ancestor?

Accepted Answer

absolute

Answer

position: absolute removes the element from flow and anchors it to the nearest positioned ancestor.

Question 5

Which CSS function lets you define a responsive image size that scales between a minimum and maximum?

Accepted Answer

clamp()

Answer

clamp() sets a value between a defined minimum and maximum based on a preferred value.

CSS Language Practice Test