What do you pass to for an image that stretches over the whole parent block?

The fill prop, with position: relative on the parent

width="100%" and height="100%" as strings

Nothing: fills its parent by default

Next.js · Junior · Question 38 of 75

What do you pass to `<Image>` for an image that stretches over the whole parent block?

✓Correct answer: The fill prop, with position: relative on the parent
2width="100%" and height="100%" as strings
3Nothing: <Image> fills its parent by default

Explanation

When dimensions aren't known in advance, use fill: the image is absolutely positioned and fills the parent, which must be relative, absolute or fixed. sizes hints how wide the image will be so the browser doesn't download a file that's too large. Fitting is controlled with object-fit.

What do you pass to `<Image>` for an image that stretches over the whole parent block?

Explanation

Further reading

Problem with a question

Test yourself

What do you pass to <Image> for an image that stretches over the whole parent block?

Explanation

Further reading

Test yourself

What do you pass to `<Image>` for an image that stretches over the whole parent block?