Having alignment issues with css

Hi, so I’m trying to figure out where I’m going wrong, any help would be really appreciated!

I want the two divs with “blog-excerpt” class to be aligned in the column direction on mobile devices, and I’ve added the media query for it, and it works, but both divs appear to be kind of on top of each other, I want them to act as seperate blocks, would really appreciate any help in this, thanks!

Here’s the codepen link:

It’s caused by the 100% height on the .container-blog. Removing it, however, changes the layout but that is another problem.

Hi, thank you for the reply, on removing the height it works perfectly, and the layout that changes can be fixed, thank you for the help!