# Design issues with the new horizontal collections! (only when used in multi column containers and custom collections)

**URL:** <https://community.glideapps.com/t/design-issues-with-the-new-horizontal-collections-only-when-used-in-multi-column-containers-and-custom-collections/61674>\
**Category:** Ask for Help\
**Created:** [May 12, 2023, 10:40am UTC](https://community.glideapps.com/t/design-issues-with-the-new-horizontal-collections-only-when-used-in-multi-column-containers-and-custom-collections/61674 "2023-05-12T10:40:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [May 12, 2023, 10:40am UTC](https://community.glideapps.com/t/design-issues-with-the-new-horizontal-collections-only-when-used-in-multi-column-containers-and-custom-collections/61674/1 "2023-05-12T10:40:55Z")

</div>

Continuing the discussion from [Issues with new horizontal collections! (only when used in multi column containers)](https://community.glideapps.com/t/issues-with-new-horizontal-collections-only-when-used-in-multi-column-containers/61441):

The 3 collections have the exact same settings but the sizes are different for each collection. Definitely seems to be a bug. This only happens when the container is split into 2 or more columns. (same for mobile and desktop). If the container is set to full (as in - “full width”) then the proportions are perfect for any number of items in the collection.  
Note the proportions when there is only one item in the collection - the circle distorts to an oval shape as well as being the wrong size.

NB: There seems to also be an issue with square images when the container is 2 or more columns wide. Notice the second square image below is closer to the edge of the device screen so it doesn’t show a thin strip of the previous or next item in the collection. But on full width it does show. (on an older iPhone this actually cuts off the edges of the square image altogether)

This has the same setting but - the container is set to 3 columns wide - so it displays incorrectly.

 ![Screenshot 2023-05-07 at 09.43.46](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2a8c23ec88adf69203becaf167fff8ff0785f273.png)

Same settings with only one item in the list - displays incorrectly

 ![Screenshot 2023-05-07 at 09.55.35](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/1/d16800df59d502175df2243d0a69fec862810468.png)  
 ![Screenshot 2023-05-07 at 09.55.12](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/3/43e44b6fd6a2613d3ea00cccfbba1ad121c1658d.png)

The positioning and sizing is incorrect - with two items (also the 3 followers ❤ text is on 3 different lines/rows)

 ![Screenshot 2023-05-07 at 09.44.17](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/748cd93557106d3a8c515265bcbcd58540ff7eae.png)

This image below is displaying correctly because its a single column OR full width container

 ![Screenshot 2023-05-07 at 10.17.29](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/2/62edfe18fcb439b874fb89e1daecb06af3dcb58f.jpeg)

Once you have multi column containers or custom collections then it displays incorrectly.

 ![Screenshot 2023-05-07 at 10.16.46](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/7/b72fc3a9b0095d86c6abbad639a28f6c05aa566a.jpeg)

A 3 column custom collection: the horizontal list overlaps other columns.

 ![Screenshot 2023-05-12 at 12.43.58](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/9/69fee7d32f9ebb3a75c1f87ef478a1472120fd43.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 12, 2023, 11:27pm UTC](https://community.glideapps.com/t/design-issues-with-the-new-horizontal-collections-only-when-used-in-multi-column-containers-and-custom-collections/61674/2 "2023-05-12T23:27:48Z")

</div>

I have updated your original post with the text from this post. Please don’t create duplicate posts and keep the discussion to the original topic. Thank you.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 12, 2023, 11:27pm UTC](https://community.glideapps.com/t/design-issues-with-the-new-horizontal-collections-only-when-used-in-multi-column-containers-and-custom-collections/61674/3 "2023-05-12T23:27:52Z")

</div>


