(see replies for info) Gallery images suddenly half the height

[winged vector]

Hey all, the code for my gallery is being weird - it suddenly started only showing the images at half the height specified. Each image is cropped to the size specified in the code

Not sure why it suddenly stopped working? I'm still tidying up and fixing bits of the html/css just focusing on the gallery atm

http://vilcrete.aceadmin.com.au is the live version

Code for the whole website - https://codepen.io/autisticenbynerd/pen/019c943e-292b-7ce5-a588-e708a43f8757

Code just for the gallery - https://codepen.io/editor/autisticenbynerd/pen/019d9313-345a-7c1b-a927-9aec5f6b0a00

for example the three images you see here are these ones

https://vilcrete.aceadmin.com.au/images/crop_project2.png
https://vilcrete.aceadmin.com.au/images/crop_project7.png
https://vilcrete.aceadmin.com.au/images/crop_project8.png

all the images have been cropped to the size specified in the css for them to appear at

(see replies for info) Gallery images suddenly half the height

[vapid creek]

The problem is that you have a fixed height of 400px on .gallery and your Whatever your vision, we will elevate your project! text is taking up a lot of space, there is not enough space left for the tract to take up the space that you have specified. This is why you are never supposed to set a height.

By default. the height is based on your content, the more content you add inside the element, the more height the element will get.

The only time you wanna set a fixed height is if you want a scroll container. otherwise you should never set a fixed height. You "could" set a min-height if you REALLY need the height to be there, but usually you're better off without it

[winged vector]

Laugh at me. I KNEW it would be something stupidly obvious