# Spacing between images **URL:** \ **Category:** Ask for Help\ **Created:** [July 1, 2024, 8:22am UTC](https://community.glideapps.com/t/spacing-between-images/74513 "2024-07-01T08:22:47Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\ **Post date:** [July 1, 2024, 8:22am UTC](https://community.glideapps.com/t/spacing-between-images/74513/1 "2024-07-01T08:22:47Z")
In the classic version, I have several images that I use as buttons to link to an action to “show new screen”. The images fit close together allowing me to have about ten without having to scroll. I have now started to create the same in the new App but there are gaps between the images. I have tried putting the images just one after the other and also tried using a container but cannot get a tight fit. Any ideas ? Classic Version ![Screenshot 2024-07-01 at 10.13.55](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/6/46eece2c5de5599b25f8099f63745c74dfe564e2.png) New App version ![Screenshot 2024-07-01 at 10.13.38](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/f/7f43de52366218b217b4923b790e6655f86e34af.png) ---
**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:** [July 1, 2024, 12:32pm UTC](https://community.glideapps.com/t/spacing-between-images/74513/2 "2024-07-01T12:32:25Z")
If you’re on a paid plan, you can use CSS to reduce the gap/margin between those elements. ---
**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\ **Post date:** [July 3, 2024, 7:33am UTC](https://community.glideapps.com/t/spacing-between-images/74513/3 "2024-07-03T07:33:16Z")
I understand that without upgrading to one of the new plans I can’t use CSS ( which I never could get the hang of) but it’s a bit of a shame that there are no settings to just compact elements when using a container. ---
**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:** [July 4, 2024, 12:54pm UTC](https://community.glideapps.com/t/spacing-between-images/74513/4 "2024-07-04T12:54:43Z")
I assume you need those images to be clickable? ---
**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\ **Post date:** [July 4, 2024, 1:07pm UTC](https://community.glideapps.com/t/spacing-between-images/74513/5 "2024-07-04T13:07:07Z")
Hi Yes they are my menu items that open a new tab or screen My plan unfortunately doesn’t include CSS in the new apps They all function exactly as I want but they just take up too much of the screen because of the gaps between. ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [July 4, 2024, 4:38pm UTC](https://community.glideapps.com/t/spacing-between-images/74513/6 "2024-07-04T16:38:55Z")
You don’t have to use the image component. Use richtext with css-inline you can achieve what you want. ```auto
image
``` ---
**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:** [July 4, 2024, 11:54pm UTC](https://community.glideapps.com/t/spacing-between-images/74513/7 "2024-07-04T23:54:22Z")
> [@Himaladin](#): > > You don’t have to use the image component. Use richtext with css-inline you can achieve what you want. If I’m reading this right, then those items won’t be individually clickable. @baremeter Does it have to be images though? The list collection offers almost the same look, just without the bolded text. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/9/f91b527e018a594ddab46db5649d1406f5d1c45d.png) ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [July 5, 2024, 12:17am UTC](https://community.glideapps.com/t/spacing-between-images/74513/8 "2024-07-05T00:17:18Z")
It’s not clear either. I don’t think a classic inline-list could have that kind of appearance. ---
**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\ **Post date:** [July 5, 2024, 7:49am UTC](https://community.glideapps.com/t/spacing-between-images/74513/9 "2024-07-05T07:49:14Z")
I have tried the list idea but there is still a lot of spacing between and I really want to keep my graphics! I just feel it’s a shame that my plan does not include CSS but hey ho, that’s progress I suppose 🤔 ---
**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\ **Post date:** [July 5, 2024, 11:02am UTC](https://community.glideapps.com/t/spacing-between-images/74513/10 "2024-07-05T11:02:32Z")
And I can’t make the individual lines on the list link to different pages or tabs ---
**Author:** ![baremeter](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/baremeter/32/28090_2.png) [@baremeter](https://community.glideapps.com/u/baremeter)\ **Post date:** [July 5, 2024, 11:09am UTC](https://community.glideapps.com/t/spacing-between-images/74513/11 "2024-07-05T11:09:11Z")
Just tried this again and it seems to work ! I thought that I couldn’t use CSS but when it’s used as you have shown, it does ‘ I’ll work on it again and show you the outcome ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [July 5, 2024, 11:17am UTC](https://community.glideapps.com/t/spacing-between-images/74513/12 "2024-07-05T11:17:27Z")
Yes, only limited to inline CSS. Css that manages native components from Glide cannot be done in richtext. ---
**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:** [July 5, 2024, 1:16pm UTC](https://community.glideapps.com/t/spacing-between-images/74513/13 "2024-07-05T13:16:13Z")
> [@baremeter](#): > > And I can’t make the individual lines on the list link to different pages or tabs You can, with a custom action. Say for your example, you would have a table of 4 “item names”, add a list using that table, then you redirect the user to the right tab by having 4 branches, based on each item’s name. > **[Introduction to Actions | Glide Docs](https://www.glideapps.com/docs/actions)** > > Create custom actions for your apps.