# Collection Style (Grid)

**URL:** <https://community.glideapps.com/t/collection-style-grid/72256>\
**Category:** Ask for Help\
**Created:** [April 2, 2024, 9:02pm UTC](https://community.glideapps.com/t/collection-style-grid/72256 "2024-04-02T21:02:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [April 2, 2024, 9:02pm UTC](https://community.glideapps.com/t/collection-style-grid/72256/1 "2024-04-02T21:02:08Z")

</div>

How do make the space between my Component & Collection Style (grid) below it?

 ![20240402_145830](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/0/4016523aa0e135d4930fa61bd9c686c3a03c3ddc.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:** [April 3, 2024, 12:46am UTC](https://community.glideapps.com/t/collection-style-grid/72256/2 "2024-04-03T00:46:36Z")

</div>

Do you mean you want to increase the space or something else?

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [April 3, 2024, 2:03am UTC](https://community.glideapps.com/t/collection-style-grid/72256/3 "2024-04-03T02:03:08Z")

</div>

decrease the space

---

<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:** [April 3, 2024, 2:46pm UTC](https://community.glideapps.com/t/collection-style-grid/72256/4 "2024-04-03T14:46:03Z")

</div>

What plan are you on? Do you have access to CSS?

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [April 3, 2024, 3:08pm UTC](https://community.glideapps.com/t/collection-style-grid/72256/5 "2024-04-03T15:08:25Z")

</div>

Maker plan

yes to CSS

---

<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:** [April 3, 2024, 11:30pm UTC](https://community.glideapps.com/t/collection-style-grid/72256/6 "2024-04-03T23:30:12Z")

</div>

Ok, since your screenshot is not clear, I assume:

- You have 2 components next to each other, the component below amongst those is a grid collection.

- You want to decrease space between those 2 components.

Here’s what I have:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/b/bb9cca7b67a5d6427cb0520d0009485b8b64dccc.jpeg)

I name my grid collection’s class as grid-collection.

```auto
.grid-collection {
margin-top: 0px;
}

```

Without the code, it looks like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/f/ef50a2b2d33579993ca7de3660709ffd9cb52e19.jpeg)

---

<div class="post-metadata">

**Author:** ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)\
**Post date:** [April 3, 2024, 11:54pm UTC](https://community.glideapps.com/t/collection-style-grid/72256/7 "2024-04-03T23:54:17Z")

</div>

That did the trick.  
Thank you so much.

Where can you find examples of more css for glide?

---

<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:** [April 3, 2024, 11:55pm UTC](https://community.glideapps.com/t/collection-style-grid/72256/8 "2024-04-03T23:55:16Z")

</div>

I plan to create a library, there’s no ETA, but I think it would benefit the community a lot.

We used to have a Notion library for Classic, but most of those don’t work anymore.