Images & Object Fitting

Complete this assessment with 100% score to master this chapter.

01Which 'object-fit' value stretches an image to fill the container, regardless of aspect ratio?

02What is the main advantage of using 'aspect-ratio'?

03How do you center an image within its container using object-fit?

04Why is 'display: block' often applied to images in modern CSS?

05Which property allows you to apply effects like blur or grayscale to an image?

06What does 'loading=lazy' in HTML achieve?

07How do you make an image responsive so it never overflows its container?

08Which object-fit value shows the whole image inside the box without cropping?