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/
we need a bit more code then that 
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
