# XXS grid collection or similar

**URL:** https://community.glideapps.com/t/xxs-grid-collection-or-similar/66019
**Category:** Ask for Help
**Created:** [September 12, 2023, 2:17am UTC](https://community.glideapps.com/t/xxs-grid-collection-or-similar/66019 "2023-09-12T02:17:42Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![james](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/james/32/71213_2.png) [@james](https://community.glideapps.com/u/james)
#### Post date: [September 12, 2023, 2:17am UTC](https://community.glideapps.com/t/xxs-grid-collection-or-similar/66019/1 "2023-09-12T02:17:42Z")

</div>

I’m looking for a super compact way of displaying a collection of items, ideally something similar to what is on the glide community page.

 ![2Capture](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3ba47a98e65b112046ed6dbf425d25bd3547315b.png)

Basically I need to show staff members that are available to work on a given day. I have a custom collection for each date, and then on each date I currently have just a text field with the available staff names. I’d prefer to have a collection (or similar) of staff, either with their name (or initial) below the image OR the name could display when hovered.

The best I can achieve is an XS grid collection with image size XS, but it still takes up too much space, a lot of which is padding to allow space for actions etc. Anyone been able to achieve something like this or have ideas?

 ![Capture](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/3/734a3ad4a5df535670e4a2037f620cdd545a24e8.png)

---

<div class="post-metadata">

### Author: ![spamtes](https://avatars.discourse-cdn.com/v4/letter/s/f17d59/32.png) [@spamtes](https://community.glideapps.com/u/spamtes)
#### Post date: [September 12, 2023, 5:00am UTC](https://community.glideapps.com/t/xxs-grid-collection-or-similar/66019/2 "2023-09-12T05:00:14Z")

</div>

Is it just for visual purposes?  
For example, you’d want each item in a collection to be selectable, so you need some padding to make it easier to select by using your finger.

Will there be some text around the collections? (like the screenshot?)  
If so, You could try using a 1:2 container with text on the left column and the collection on the right.  
It will remove some of the padding.

---

<div class="post-metadata">

### Author: ![james](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/james/32/71213_2.png) [@james](https://community.glideapps.com/u/james)
#### Post date: [September 12, 2023, 6:13am UTC](https://community.glideapps.com/t/xxs-grid-collection-or-similar/66019/3 "2023-09-12T06:13:57Z")

</div>

It’s not necessary that it be selectable in this case.

Both ways are close but not quite what I’m after.

Cheers