Divs pushing other divs outta way on purpose?

I have had an issue with trying to get info-div in red to bump out and push the container over and off the screen. I finally got it “kind of” for some reason the info-divs are different sizes on different pages. I believe this is happening due to the flex settings as some items hold their ground a bit more and push back against the info-div, but on the projects page the info-div comes out all the way but the container then smooshes. I’m not sure whats the workaround this is? I might have to restructure this but not sure how. I have spent the last 8 hours playing with different flexbox settings on the elements to get them to do what I would like them to do.


Any help would be greatly appreciated.


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