# Put two images next to each other

**URL:** <https://community.glideapps.com/t/put-two-images-next-to-each-other/75027>\
**Category:** Ask for Help\
**Created:** [July 20, 2024, 9:55am UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027 "2024-07-20T09:55:20Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vikatchu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vikatchu/32/68714_2.png) [@Vikatchu](https://community.glideapps.com/u/Vikatchu)\
**Post date:** [July 20, 2024, 9:55am UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/1 "2024-07-20T09:55:21Z")

</div>

Hello,  
I’m trying to develop a fake sports betting app for myself and friends. I’d like to have two images, one next to the other, so that friends can click on the one they want to vote on and then bet.

1 - I can’t get two images next to each other. Let me show you

This is my DB with the match (opponent 1 vs opponent 2) I want the image of opponent 1 on the left and opponent 2 on the right.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/6/0647fcee98a6258000adf6cc518a91428451c997.png)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/f/ef19042975d8ab01b692d7b74e22d46c63e03a04.jpeg)

Problem: the only thing I’ve found is a card container, but then it displays opponent 1 in the next match…

2 - When I want to set another match, I want a second container, in card, to appear with the two other teams. Problem: it doesn’t work. It appears in the first container 😕

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

Translated with [DeepL.com](http://DeepL.com) (free version)

---

<div class="post-metadata">

**Author:** ![Pierre\_Richet](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pierre_richet/32/85979_2.png) [@Pierre\_Richet](https://community.glideapps.com/u/Pierre_Richet)\
**Post date:** [July 20, 2024, 2:12pm UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/2 "2024-07-20T14:12:55Z")

</div>

I’m sorry but to me what you are trying to do isn’t clear

---

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [July 20, 2024, 2:15pm UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/3 "2024-07-20T14:15:58Z")

</div>

how many matches you want to display on a screen?  
are you on a paid glide plan?  
the best way to do it is using custom css.  
it can also be done using html

---

<div class="post-metadata">

**Author:** ![Vikatchu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vikatchu/32/68714_2.png) [@Vikatchu](https://community.glideapps.com/u/Vikatchu)\
**Post date:** [July 20, 2024, 2:25pm UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/4 "2024-07-20T14:25:04Z")

</div>

I want two images next to each other. Both images are present on the same line in the DB

---

<div class="post-metadata">

**Author:** ![Vikatchu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vikatchu/32/68714_2.png) [@Vikatchu](https://community.glideapps.com/u/Vikatchu)\
**Post date:** [July 20, 2024, 2:25pm UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/5 "2024-07-20T14:25:59Z")

</div>

3 matches (6 opponents)  
yes I pay  
I tried with the code but it doesn’t work properly

---

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [July 20, 2024, 11:40pm UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/6 "2024-07-20T23:40:35Z")

</div>

![Screenshot 2024-07-21 at 2.39.46 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/b/abc2a89574c4e2c5eb5e2f591674c74a87b253da.png)

Let me know if thats how you want the images to appear. This is a custom collection.

---

<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:** [July 21, 2024, 12:31am UTC](https://community.glideapps.com/t/put-two-images-next-to-each-other/75027/7 "2024-07-21T00:31:34Z")

</div>

This should be the right way to do it. As long as you have the two teams’ logos and names, and columns to determine each team’s votes, you should be able to set up actions to increment those columns, if I understand you right.
