# Collection with two columns on mobile view

**URL:** <https://community.glideapps.com/t/collection-with-two-columns-on-mobile-view/70665>\
**Category:** Ask for Help\
**Created:** [February 9, 2024, 3:17pm UTC](https://community.glideapps.com/t/collection-with-two-columns-on-mobile-view/70665 "2024-02-09T15:17:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Valeria](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valeria/32/66818_2.png) [@Valeria](https://community.glideapps.com/u/Valeria)\
**Post date:** [February 9, 2024, 3:17pm UTC](https://community.glideapps.com/t/collection-with-two-columns-on-mobile-view/70665/1 "2024-02-09T15:17:12Z")

</div>

I have a table which has the following attributes: Invoice name, Invoice amount, IGTF (a tax), IGTF amount.

Basically what I want to show is a list of all my elements there, having it look kinda like this:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1f716a5fe562cc05c6ae0f3e370291af4a675e94.png)

With a custom collection, I was able to make it. However, it only displays it this way with desktop view:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/6/c684ce41aa60cd1139c77414ad19c055e3fdab0e.png)

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/9/29081db518c246bb89bec768658713c302d04ba4.png)

Is there any way I can have two columns of information in a collection for mobile view? And if the answer is using custom CSS, can you point me to a good tutorial for how to use CSS on Glide? Thanks in advance

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 9, 2024, 3:53pm UTC](https://community.glideapps.com/t/collection-with-two-columns-on-mobile-view/70665/2 "2024-02-09T15:53:22Z")

</div>

I would use a template column to build an HTML table and display it in a rich text component in the custom collection.

---

<div class="post-metadata">

**Author:** ![Valeria](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valeria/32/66818_2.png) [@Valeria](https://community.glideapps.com/u/Valeria)\
**Post date:** [February 9, 2024, 4:31pm UTC](https://community.glideapps.com/t/collection-with-two-columns-on-mobile-view/70665/3 "2024-02-09T16:31:58Z")

</div>

Thanks! I did exactly this and it worked 🙂

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [February 16, 2024, 4:33pm UTC](https://community.glideapps.com/t/collection-with-two-columns-on-mobile-view/70665/4 "2024-02-16T16:33:00Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.