Image - Resizing

Hi,

I would like the image to fit in the amended size as it seems to have cropped.

I used object fit but it still doesn’t look right, I need the images to look like the attached photo.
Also how do I apply the background colours appropriately? Do I need to create seperate div boxes for each different colour?

https://miochung7.github.io/Course---CSS-Flexbox/

![PLP_desktop|179x500](upload://bKACjy1eMd3oyI8FdWz4ZQFzfxC.jpeg)

```

````

we need a bit more code then that :frowning:
anyway if u want to make ure project like the site bellow follow these links about positioning your images
https://www.w3schools.com/css/css_positioning.asp
https://www.w3schools.com/csS/css_align.asp

as for the background collor u can just make a body-background element in css and then use the bellow guide for the colors
https://www.w3schools.com/CSSref/pr_background-color.asp

the picture you seemed to post looks like it is just using the images into the boxes not the colors again can’t tell you much without the code