Styling help need for collection grid

Hi hi!

I have created a collection list grid and trying to format these cards. However, I don’t think I have done it to be easily responsive. I am having to change the sizing in various screen sizes.

  1. Resource card image does not remain centre aligned when I go to mobile

  2. I seem to have this white space on the right-hand side of my page in designer

  3. The button sometimes overlaps with the text. How can I ensure it doesn’t

  4. I would like to set these grid items to be more consistent in adapting to the views

Thank you in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


Any help on this please? Thanks!

please share your read only link

Sorry, I thought it was there:

You need to share the read only link, what you’re posting is just the staging site link.

It should look like


Oh, apologies - here is the read only link -

@R_TP in mobile some div need set auto

Great - thank you very much!