# Bad spacing on mobile

**URL:** <https://community.hubspot.com/t/bad-spacing-on-mobile/138098>\
**Category:** Blog, Website & Page Publishing\
**Tags:** professional\
**Created:** [August 15, 2025, 6:43pm UTC](https://community.hubspot.com/t/bad-spacing-on-mobile/138098 "2025-08-15T18:43:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gml\_ljb](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gml_ljb/32/203747_2.png) [@gml\_ljb](https://community.hubspot.com/u/gml_ljb)\
**Post date:** [August 15, 2025, 6:43pm UTC](https://community.hubspot.com/t/bad-spacing-on-mobile/138098/1 "2025-08-15T18:43:06Z")

</div>

I cannot seem to fix the spacing on these items for mobile. It looks great on web, but mobile has them stacked too close together. I’ve tried adding spacers above and below each, but it just adds all 4 spacers to the top or bottom and doesn’t help.

Does anyone know the fix to get more space where that red arrow is pointing on the mobile screenshot?

 ![Landing page web.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/7/f7773ba46e97c1ef2c5076ee664d794b5a72d7e2.jpeg)

 ![Landing page mobile.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/3/0392ae8b10ff3d863c085478cb7e1349d2de2a90.png)

---

<div class="post-metadata">

**Author:** ![STierney](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stierney/32/186066_2.png) [@STierney](https://community.hubspot.com/u/STierney)\
**Post date:** [August 15, 2025, 8:39pm UTC](https://community.hubspot.com/t/bad-spacing-on-mobile/138098/2 "2025-08-15T20:39:23Z")

</div>

Hey [@gml\_ljb](https://community.hubspot.com/t5/user/viewprofilepage/user-id/820519) - thanks for posting in the Community!  
Are you able to post any screenshot(s) of your page’s mobile settings to get a better idea of what you currently have set here? This may help the Community provide some suggestions on how you can achieve the spacing you’re looking for!  
Shane, Community Manager

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [August 18, 2025, 10:20am UTC](https://community.hubspot.com/t/bad-spacing-on-mobile/138098/3 "2025-08-18T10:20:29Z")

</div>

Hey [@gml\_ljb](https://community.hubspot.com/t5/user/viewprofilepage/user-id/820519),

it comes down to your setup.

Is the whole “row” a single module or several ones that you dnd’d into position?

If it’s a single module, it’s most likely a custom module and you should be able to solve this with a bit of CSS.

If this should be several ones, you can toggle to the mobile view of the page (mobile icon below the page title)

 ![153448iFFF320DCD3DCEEB1.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/8/6842c59df1122d7d745071612116fc3f3ea7c707.png)

open each column

 ![153450iCDB49D588F94900A.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/c/7/c7de22e4a109c85bbb682b4219eff015ee977c56.png)

and set the top/bottom margin of each column to something different.

If you need help with CSS, happy to help

best,

Anton

---

<div class="post-metadata">

**Author:** ![gml\_ljb](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gml_ljb/32/203747_2.png) [@gml\_ljb](https://community.hubspot.com/u/gml_ljb)\
**Post date:** [August 18, 2025, 4:51pm UTC](https://community.hubspot.com/t/bad-spacing-on-mobile/138098/4 "2025-08-18T16:51:32Z")

</div>

Thanks, Anton! Going into each column to edit the margins did the trick. I had a feeling it had to do with margins, I just couldn’t find which margin needed to be fixed.