Styling help need for collection grid

[R_TP]

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)

[R_TP]

Hi

Any help on this please? Thanks!

[guoshuzhang]

please share your read only link

[R_TP]

Sorry, I thought it was there: https://company-mortgages.webflow.io/resources

[locase (luke@locase)]

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

It should look like https://preview.webflow.com/preview/...etcetera

Instructions:

Share a read-only link | Webflow University

[R_TP]

Oh, apologies - here is the read only link - https://preview.webflow.com/preview/company-mortgages?utm_medium=preview_link&utm_source=dashboard&utm_content=company-mortgages&preview=696ff42fa17a1b7a66f74c60b9376799&mode=preview

[guoshuzhang]

@R_TP in mobile some div need set auto

Webflow - Company Mortgages

[R_TP]

Great - thank you very much!