# Space between item adjustment

**URL:** <https://community.glideapps.com/t/space-between-item-adjustment/80244>\
**Category:** Ask for Help\
**Created:** [February 22, 2025, 12:55pm UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244 "2025-02-22T12:55:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![dorthe\_petersen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dorthe_petersen/32/71764_2.png) [@dorthe\_petersen](https://community.glideapps.com/u/dorthe_petersen)\
**Post date:** [February 22, 2025, 12:55pm UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244/1 "2025-02-22T12:55:43Z")

</div>

I’ve made a comment option using Form Container and Costum Collection.  
First it looked like this:

 ![comment1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/9/f97af96c6d684779946b2ea0f1be016ef22eb90a.jpeg)

Then I tried using css

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

And now it look like this:

 ![comment2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/9/e9560ab583060e097c6cf3032a857c7baf2a796e.jpeg)

But I think there is way to much space between items.

What would be the best way to reduce the spacing?

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [February 22, 2025, 6:01pm UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244/2 "2025-02-22T18:01:31Z")

</div>

I would suggest you to pay attention to the random class names. These are generated and may not be the same when Glide gets updates.

---

<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:** [February 23, 2025, 1:25am UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244/3 "2025-02-23T01:25:00Z")

</div>

You should build the image directly to a HTML template and display it using the comments component.

---

<div class="post-metadata">

**Author:** ![dorthe\_petersen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dorthe_petersen/32/71764_2.png) [@dorthe\_petersen](https://community.glideapps.com/u/dorthe_petersen)\
**Post date:** [February 23, 2025, 9:27am UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244/4 "2025-02-23T09:27:30Z")

</div>

those were the only ones I could find that responded to css.

---

<div class="post-metadata">

**Author:** ![dorthe\_petersen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dorthe_petersen/32/71764_2.png) [@dorthe\_petersen](https://community.glideapps.com/u/dorthe_petersen)\
**Post date:** [February 23, 2025, 10:53am UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244/5 "2025-02-23T10:53:52Z")

</div>

can you help me with the HTML template?  
I’ve tried with

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/7/47a7a9e96c4adde1087e5907fe1fce7a409c9663.png)

And get this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/1/a1b3aa44f239aa4386748b469f79258371309cb0.png)

What am I doing wrong?

---

<div class="post-metadata">

**Author:** ![dorthe\_petersen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dorthe_petersen/32/71764_2.png) [@dorthe\_petersen](https://community.glideapps.com/u/dorthe_petersen)\
**Post date:** [February 23, 2025, 11:48am UTC](https://community.glideapps.com/t/space-between-item-adjustment/80244/6 "2025-02-23T11:48:58Z")

</div>

solved this by using Action Row in the Costum Collection.

But there is way to much space between the components.  
Costum Collection contains  
Spacer  
Action Row  
Text  
Image.

How can I remove some of the space between the components?