The Grid - Text on top of each other, etc when page resizes

[aleminopuy]

Hello.

When I set up my skin in the skin builder it looks great. On the page, it’s a different story.

The card either gets super large with lots of white page or it gets really small and then the excerpt text is on top of the title and all that.

I currently have the date and title in the top drop area, the except in the middle, and my listen now button in the bottom.

I tried putting them all in same drop zone (middle) which worked as far as not letting elements on top of each other, but then at smaller sizes, the card clipped a the date, title, and listen now button from even appearing!

Here’s the URL: https://walletwin.com/podcast

[rad]

Hi @aleminopuy,

Thanks for writing in and I’m able to see the issue.

The texts remain on its size but its container compresses. This is related to your grid skin which I like to check, would you mind providing your admin login credentials in a secure note?

For the meantime, please choose another skin. Choose something that increases in height when the content changes. Your current skin is trying to maintain its aspect ratio while responsive.

Thanks!

[aleminopuy]

I added a private note to the original post

[thai]

Hi There,

I couldn’t see any excerpt texts in your grid. This is how it looks on my end:

Regards!

[aleminopuy]

Weird. The skin got switched to one I wasn’t using. Look again.

[rad]

Hi there,

I switched your grid settings to Masonry, it’s more dynamic than fixed box layout. Please check it now.

Thanks!