# How to display horizontal section 3 columns on mobile?

**URL:** <https://forum.mautic.org/t/how-to-display-horizontal-section-3-columns-on-mobile/24917>\
**Category:** Product Support\
**Tags:** mautic-4\
**Created:** [July 29, 2022, 10:20am UTC](https://forum.mautic.org/t/how-to-display-horizontal-section-3-columns-on-mobile/24917 "2022-07-29T10:20:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![thangsanps](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/thangsanps/32/667_2.png) [@thangsanps](https://forum.mautic.org/u/thangsanps)\
**Post date:** [July 29, 2022, 10:20am UTC](https://forum.mautic.org/t/how-to-display-horizontal-section-3-columns-on-mobile/24917/1 "2022-07-29T10:20:36Z")

</div>

**Your software**  
My Mautic version is: 4.3.1  
My PHP version is: 7.4  
My Database type and version is:

**Your problem**  
My problem is: Hi, I am composing an email using grapesjs. When I use a section with multiple columns on the desktop the display is horizontal. On mobile, the display is vertical. Now how do I display horizontal lines on mobile?

These errors are showing in the log:

Steps I have tried to fix the problem: create email using 3 column section. Then switch to mobile display mode

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [July 30, 2022, 6:43am UTC](https://forum.mautic.org/t/how-to-display-horizontal-section-3-columns-on-mobile/24917/2 "2022-07-30T06:43:25Z")

</div>

Hi,  
you can group hem together in mj-group and see what happens…  
[https://documentation.mjml.io/#mj-group](https://documentation.mjml.io/#mj-group)  
Joey