CSS (Layout & Images) 2

Question 1

Which CSS property creates a grid container?

Accepted Answer

display: grid

Answer

display: table

Answer

position: grid

Answer

layout: grid

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

Stretches it to fill the box ignoring aspect ratio

Answer

Shrinks it to fit entirely inside the box

Answer

Tiles it across the box

Question 3

Which property sets the spacing between flex items?

Accepted Answer

gap

Answer

spacing

Answer

margin-flex

Answer

flex-space

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

relative

Answer

static

Answer

sticky

Question 5

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

Accepted Answer

clamp()

Answer

scale()

Answer

minmax()

Answer

calc()

Question 6

How do you make a background image cover the entire element without repeating?

Accepted Answer

background-size: cover; background-repeat: no-repeat;

Answer

background-fit: full;

Answer

background-repeat: cover;

Answer

background-position: stretch;

Question 7

In flexbox, which property aligns items along the main axis?

Accepted Answer

justify-content

Answer

align-items

Answer

align-content

Answer

flex-align