Brine Template, Index Gallery, Mobile, Text Cut Off

Hi. It looks fine here. Did you solve this?

No, I lose the description text on the image card in mobile and tablet view. Screengrabs attached!

Try adding this to Design > Custom CSS

@media screen and (max-width:900px) {
section#about-jacqueline-bouley-price {
    overflow: visible !important;
    height: 80vh !important;
}
.Index-gallery-item-inner {
    overflow: visible;
}
}

Helped with showing the full text but now there's a ton of extra space. I tried adjusting the height variable but it's not helping. Would you mind taking another look? Thank you @tuanphan 🙂

Try this new code

@media screen and (max-width:900px) {
section#about-jacqueline-bouley-price {
    overflow: visible !important;
    height: 80vh !important;
}
section#about-jacqueline-bouley-price .Index-gallery-item-inner {
    overflow: visible;
}
}

@tuanphan This fixes my issue with the text getting cut off but also creates a TON of extra whitespace. Same issue as before— is there a way for the text to not get cut off without creating all this negative space on mobile? Screen recording below: 

On 3/9/2021 at 11:23 PM, JacquelineBouleyPrice said:

@tuanphan This fixes my issue with the text getting cut off but also creates a TON of extra whitespace. Same issue as before— is there a way for the text to not get cut off without creating all this negative space on mobile? Screen recording below: 

Sorry for the delay. Do you still need help on this?