Container Resizing when I delete an element

Anna_Goss · April 6, 2023, 5:49pm

Hi there!

I am having an issue I haven’t encountered before. I made a copy of an existing case study to create a new one and have been replacing and deleting the content.

Had no issues until I got to this embedded miro board

When I delete it, it looks like the menu container on the left resizes to take up more space and squishes all the main content

I haven’t been able to figure out why and this didn’t happen when I deleted other existing content, including other embed elements.

Here is my read only link

and my live site

Thank you in advanced!

Stan · April 9, 2023, 12:08am

hi @Anna_Goss this is happening because your Services Tabs Grid has 2 cols and each takes 1fr of free space. If you would like to preserve the right section to be always bigger you should set it to a higher number eg. 2fr. More information on how fraction unit and CSS Grid works can be found on the internet.

Anna_Goss · April 10, 2023, 2:54pm

Thank you SO MUCH Stan, for the solve and pointing me in the right direction to learn more so I can learn more about this in the future. You are a life saver.