# More than 4 horizontal tiles

**URL:** <https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737>\
**Category:** Ask for Help\
**Created:** [July 1, 2022, 1:11am UTC](https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737 "2022-07-01T01:11:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 1, 2022, 1:11am UTC](https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737/1 "2022-07-01T01:11:25Z")

</div>

Can I have more than 4 horizontal tiles in an inline list using CSS? Need something like this in the screenshot. Ignore the lines above. I just want 8 tiles to display in one row

 ![Screenshot_20220701-061003_Fiverr](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/0/e0ded1176ce2dc9f25e37f354c4a1239159c3620.jpeg)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 1, 2022, 2:34am UTC](https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737/2 "2022-07-01T02:34:50Z")

</div>

Follow this thread to get to a copyable app where I do this in the second tab of the app. Eight tiles gets pretty tight, but should still be possible.

> [@Beautiful Design App](https://community.glideapps.com/t/beautiful-design-app/16191/340):
>
> the main trick to get more tiles, or cards in my case, is to use the horizontal orientation. Then you set the number of items to view, to a large number to hide the ‘See All’ button. In the CSS, you need to then override the repeat attribute to a smaller number, which will be the number of items displayed width wise. It should auto wrap the rest of the cards so it will appear like a list with a vertical orientation

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [July 1, 2022, 2:21pm UTC](https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737/3 "2022-07-01T14:21:20Z")

</div>

You can also try this @Hassan_Nadeem

> [@CSS to create overlapping profile images](https://community.glideapps.com/t/css-to-create-overlapping-profile-images/25783/2):
>
> Nevermind…figured it out grin [Screen Shot 2021-04-19 at 9.32.17 PM] \<pre\>\<span\>\<style\> .tile-inner { width: 80px; } .inner { grid-template-columns: repeat(5, 40px) !important; }

---

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [July 1, 2022, 2:22pm UTC](https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737/4 "2022-07-01T14:22:21Z")

</div>

Thanks man. This worked

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [July 2, 2022, 2:22pm UTC](https://community.glideapps.com/t/more-than-4-horizontal-tiles/43737/5 "2022-07-02T14:22:45Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.