# Vertical Height Between Images

**URL:** <https://community.glideapps.com/t/vertical-height-between-images/25086>\
**Category:** Ask for Help\
**Created:** [April 3, 2021, 12:32pm UTC](https://community.glideapps.com/t/vertical-height-between-images/25086 "2021-04-03T12:32:20Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![AngelaB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/angelab/32/19269_2.png) [@AngelaB](https://community.glideapps.com/u/AngelaB)\
**Post date:** [April 3, 2021, 12:32pm UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/1 "2021-04-03T12:32:20Z")

</div>

I am sure this has been addressed, but I couldn’t find a related post. How do I change the vertical distance between two images? Here are two images and I would like them to be closer together…

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

---

<div class="post-metadata">

**Author:** ![AngelaB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/angelab/32/19269_2.png) [@AngelaB](https://community.glideapps.com/u/AngelaB)\
**Post date:** [April 3, 2021, 4:20pm UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/2 "2021-04-03T16:20:03Z")

</div>

@Jeff_Hager

---

<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 4, 2021, 12:18am UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/3 "2021-04-04T00:18:46Z")

</div>

Which 2 images are you referring to here? The “Workout plans” and the “Nutrition plans”?

---

<div class="post-metadata">

**Author:** ![AngelaB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/angelab/32/19269_2.png) [@AngelaB](https://community.glideapps.com/u/AngelaB)\
**Post date:** [April 4, 2021, 12:35am UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/4 "2021-04-04T00:35:29Z")

</div>

yes

---

<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 4, 2021, 6:55am UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/5 "2021-04-04T06:55:28Z")

</div>

Are you placing the second image component right after the first one? You’re using a CSS to fill the background on that screenshot?

---

<div class="post-metadata">

**Author:** ![AngelaB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/angelab/32/19269_2.png) [@AngelaB](https://community.glideapps.com/u/AngelaB)\
**Post date:** [April 4, 2021, 3:28pm UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/6 "2021-04-04T15:28:44Z")

</div>

Yes, a CSS file for the background. And then I was placing the first image and then the second one. I am NEW to all of this so I don’t have a working knowledge of how all of this works.

---

<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 4, 2021, 10:57pm UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/7 "2021-04-04T22:57:13Z")

</div>

Can we have a screenshot and the CSS code that you’re using to set this up? As far as I aware images putting together in consecutive components won’t have that big of a gap between them. It might be the CSS, or it might be the actual single images that you use have gap in them.

---

<div class="post-metadata">

**Author:** ![AngelaB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/angelab/32/19269_2.png) [@AngelaB](https://community.glideapps.com/u/AngelaB)\
**Post date:** [April 5, 2021, 2:29pm UTC](https://community.glideapps.com/t/vertical-height-between-images/25086/8 "2021-04-05T14:29:58Z")

</div>

Hi. Yes, you were right. It was the images themselves. So, I used CANVA and deleted the "area’… thank you!
