# Horizontal grid collection with two rows

**URL:** <https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456>\
**Category:** Ask for Help\
**Created:** [May 7, 2023, 5:55pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456 "2023-05-07T17:55:59Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Burtem](https://avatars.discourse-cdn.com/v4/letter/b/45deac/32.png) [@Burtem](https://community.glideapps.com/u/Burtem)\
**Post date:** [May 7, 2023, 5:55pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456/1 "2023-05-07T17:55:59Z")

</div>

Hello everyone!

I’m trying to increase the number of rows for the horizontal grid collection from 1 (by default) to 2.

Understand there is not an option for this within the component. Alternatively, I have also tried using other blocks and could not replicate the desired output.

If not possible using Glide off-the-shelf components, would it be possible to customize the “Horizontal grid collection” using CSS to increase it to 2 rows (instead of 1)?

Thank you in advance!

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [May 7, 2023, 6:14pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456/2 "2023-05-07T18:14:11Z")

</div>

Have you tried using 2 collection components? If so, why is it not giving you the output you want?

---

<div class="post-metadata">

**Author:** ![Burtem](https://avatars.discourse-cdn.com/v4/letter/b/45deac/32.png) [@Burtem](https://community.glideapps.com/u/Burtem)\
**Post date:** [May 7, 2023, 10:50pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456/3 "2023-05-07T22:50:11Z")

</div>

Expected behavior: if the user scrolls horizontally, the whole grid (both rows) should move. My understanding is that if I use 2 collection components, only 1 of them will horizontally scroll at a time.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 7, 2023, 11:49pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456/4 "2023-05-07T23:49:03Z")

</div>

> [@Burtem](#):
>
> the whole grid (both rows) should move.

Glide doesn’t have this as a native option.

---

<div class="post-metadata">

**Author:** ![Burtem](https://avatars.discourse-cdn.com/v4/letter/b/45deac/32.png) [@Burtem](https://community.glideapps.com/u/Burtem)\
**Post date:** [May 9, 2023, 3:39pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456/5 "2023-05-09T15:39:29Z")

</div>

Can it be then achieved as a non-native option? i.e.: CSS/custom component?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 9, 2023, 4:04pm UTC](https://community.glideapps.com/t/horizontal-grid-collection-with-two-rows/61456/6 "2023-05-09T16:04:24Z")

</div>

Maybe through CSS? I tried messing around with `flex-wrap` but couldn’t make it work.