# Multiple components on one row

**URL:** <https://community.glideapps.com/t/multiple-components-on-one-row/56044>\
**Category:** Ask for Help\
**Created:** [December 25, 2022, 12:56pm UTC](https://community.glideapps.com/t/multiple-components-on-one-row/56044 "2022-12-25T12:56:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [December 25, 2022, 12:56pm UTC](https://community.glideapps.com/t/multiple-components-on-one-row/56044/1 "2022-12-25T12:56:39Z")

</div>

![Screenshot 2022-12-25 at 13.55.15](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/3/a33e553e4621c15cb8439d5a46b824726f414859.png)

I want to achieve something like the image above. I have tried experimenting with CSS, but I can’t seem to make it work.  
Any help would be appreciated.

---

<div class="post-metadata">

**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:** [December 25, 2022, 1:15pm UTC](https://community.glideapps.com/t/multiple-components-on-one-row/56044/2 "2022-12-25T13:15:44Z")

</div>

Try HTML in a rich text box

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [December 25, 2022, 1:27pm UTC](https://community.glideapps.com/t/multiple-components-on-one-row/56044/3 "2022-12-25T13:27:27Z")

</div>

Well, then I just have to figure out what to type in HTML.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 25, 2022, 1:43pm UTC](https://community.glideapps.com/t/multiple-components-on-one-row/56044/4 "2022-12-25T13:43:55Z")

</div>

if not clickable… just for show… @Robert_Petitto is right… create an HTML element… to make it a clickable inline list… I would suggest using cards in Glide Apps, and CSS it… image and avatar.

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [December 25, 2022, 2:10pm UTC](https://community.glideapps.com/t/multiple-components-on-one-row/56044/5 "2022-12-25T14:10:38Z")

</div>

I’m gonna try my best with CSS. But I’m gonna focus on the cards module, however, I have no idea how to establish this layout. All suggestions will be accepted happily