Markdown Block Text Overflow on Smaller Screens

Site URL: https://www.do2digital.com/

Hello,

I created side by side markdown block with text. They looked completely normal on desktop view and mobile view because I changed the border-size in css. But the texts are overflowing on tablet view (iPad). Is it possible to make the 2 side-by-side markdown blocks have the same height and prevent the text from overflowing? @tuanphan Thank you. 

Here is the link to that page: https://www.do2digital.com/blog/tipstricks/productivity/free-screen-recorders-2020

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
div#block-yui_3_17_2_1_1595669897080_71121+.row .markdown-block {
    block-size: unset !important;
}
}

@tuanphan I added to Custom CSS, but nothing happened

I see it worked here.

@tuanphan Is it possible to make both the side-by-side markdown blocks "Pros" and "Cons" have the equal height? Thanks

@tuanphan I just added your code to all of the markdown blocks and the text is not overflowing anymore. Thank you. But the 2 blocks don't have the same height. How do I make them both have the same height? Thanks