Block Display Item Scaling issue

Hello! I am making a little portfolio website for my assignment and i ran into an issue. The big pictures are not scarling properly. Is there a way to fix it. Or should i use a different display type that would make this work. Im not sure what to do. The red is how it looks like when im inspecting it and the yellow highlighter is how i want it it to be. Ill appriciate your help ❤️
No description
No description
No description
No description
2 Replies
capt_uhu
capt_uhu2mo ago
hard to know for sure what's up with the tall images on the left and right without something like a codepen or live site to inspect live but would suggest that display: grid; is probably going to work better for this gallery than multi-column with column-count
clevermissfox
clevermissfox2mo ago
At which point if you did use css grid, you probably want to make that max width 100% so it takes up the whole of the cell