Collection List item blank areas

Design help Layout & Design
1

https://preview.webflow.com/preview/grs-e2e7b1?utm_medium=preview_link&utm_source=designer&utm_content=grs-e2e7b1&preview=1f1a3d94efb09701d52c1d66e6c2fee5&workflow=preview

For some reason when I add more then 3 items into this collection list, the 3rd item seems to go blank or misses an area (see image below)

In the settings I have the display limit set to show 4 and start at 1. but I dont think its anything to do with this.

Screenshot 2024-05-02 at 3.18.52 pm
Screenshot 2024-05-02 at 3.18.52 pm1920Ă—1615 167 KB

Thanks in advanced

2

hi @Adam_Telly as you do not share your read only I can only guess you are using “text columns” to design you layout.

the best way to get help is to follow the forum post guide.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName
3

Hi Adam, using a CSS grid layout is likely the approach you want instead.

4

Thank you @Stan I have added the read-only link in the original post now.

5

hi @Adam_Telly as @memetican mentioned the grid will be optimal in this case.

6

Fantastic! thank you!

1 Like