Can you help me to fix my grid system?

my image won’t fit to the grid and my colored boxes also don’t fit in the grid. Please help!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi, u can use a div for color (with color background)

and for grid this is my short tuto in sceen record
https://www.useloom.com/share/2b88904f94d14e30aafcb24ad28ba03b

Hello,
thank you so much for your help! I want the grid ratio to be 1:1 but I coudln’t find the way to do it… would you tell me how? I think I made the blocks either 1:1 ratio or 2:1 ratio, but now all of my blocks are not in the middle… ):