Issue with the height if the grid from the video How to build CSS grid Layouts in 2021

im new in this world of webflow so i start to learn by the videos os webflow university but i have a questions… in this video How to build CSS grid layouts in 2021 — Web design tutorial - YouTube at minute 9:50 they say that if you remove the height of the grid element the grid will contract but in my case when i remove the height from the grid, the grid itself expand until fit to the image size (instead of contract like the video says, the grid expand - height and width) in other words the height of the grid takes the full size of the image, even when the image (every image has the same class) has 100% height, 100% width and fit=cover. i did this exercise in several browser (safary, edge, chrome and each time i did carefully each step but i have the same result, when I remove the height from the grid (by the way the width of the grid has width= Auto) it dosent contract (like if the height of the grid were 0px or close to that like the video says) by contrast it expand until fit to the size of the image (again each image has the same class with this values height=100% width=100% fit= cover… why this happen? now its mandatory to set the width (instead of the height?) like a said the values of the grid are width = Auto, height=800px and the values of the class of the image are width =100%, height=100% fit =cover. By the away if the images by default has a height large than the 800px, the bundaries of the grid overlap the images. as i can see the size of the images govern the size of the grid (even if they were 100% heigth and width) and i assume that´s why when the values of the grid width=Auto height=800px the boundaries of the grid overlap the images of the last row… thank you for you comments…




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