Markdown Text - Large Empty Space

Site URL: https://www.changeist.org/team

Hi Squarespace community! 

I hope you all could help me with a formatting issue currently affecting our website.

I updated two sections to the newer 7.1 version with the "upgrade" button, which has caused my markdown text to keep a large blank space that would otherwise be shrinked/hidden until a site visitor clicks the name of our staff member. 

How do I get rid of the large space so that I can have our staff bios reasonably organized?

Thank you all in advance for your help in this matter! 

The easiest way is recreate it with Classic Editor. 

Or add this to Design > Custom CSS. It can improve a bit

@media screen and (min-width:768px) {
.fe-62fab8b95bc3366be75dabaf {
    grid-template-rows: repeat(2,minmax(24px, auto)) !important;
}
.fe-62fab8b95bc3366be75dabaf>div:nth-child(2n+3) {
    grid-row-end: 20 !important;
}
}

Hi tuanphan, 

Thank you for the advice! I noticed the code still leaves a large space below. Is there a way to minimize that? 

Try this new code

@media screen and (min-width:768px) {
.fe-62fab8b95bc3366be75dabaf, .fe-62fac5eb89915be9a3974812, .fe-62fbe8186b2d0f746158510e {
    grid-template-rows: repeat(2,minmax(24px, auto)) !important;
}
.fe-62fab8b95bc3366be75dabaf>div:nth-child(2n+3), .fe-62fac5eb89915be9a3974812>div:nth-child(2n) {
    grid-row-end: 20 !important;
}
}