# Reducing space between rows in Landing Page

**URL:** <https://community.hubspot.com/t/reducing-space-between-rows-in-landing-page/25807>\
**Category:** CMS Development\
**Tags:** css\
**Created:** [September 22, 2020, 7:58pm UTC](https://community.hubspot.com/t/reducing-space-between-rows-in-landing-page/25807 "2020-09-22T19:58:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![LN](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ln/32/102498_2.png) [@LN](https://community.hubspot.com/u/LN)\
**Post date:** [September 22, 2020, 7:58pm UTC](https://community.hubspot.com/t/reducing-space-between-rows-in-landing-page/25807/1 "2020-09-22T19:58:43Z")

</div>

I need help reducing the space between rows in this edited landform landing page: [Microprocessor 2020 Promotion](http://info.spsco.com/microprocessor-2020-promotion)

I’m not very good at editing these. I’ve tried adjusting the margin using inline styling but it did not work. Any help with this would be greatly appreciated.

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [September 22, 2020, 8:26pm UTC](https://community.hubspot.com/t/reducing-space-between-rows-in-landing-page/25807/2 "2020-09-22T20:26:34Z")

</div>

Hey @LN

That padding is coming from line ~261 in the landform-style.css stylesheet. The 9.375rem, and 150px as its fallback to be exact.

 ![32104iF61820784030D0C4.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/f/8fec3d7b6d84bbd66b9f62bed48c5a66f05b4b8e.png)

Personally I would avoid using padding to create vertical space like the _NEW_ plague.

Rather use margin-bottom, the reason for this is [collapsing margins](https://css-tricks.com/what-you-should-know-about-collapsing-margins/). Which will be a lot more forgiving!

Try this:

```lia-code-sample
.three-col {
 margin-bottom: 90px !important; /*<- this important is because it's being overwritte somewhere else. I'd look into that as well.*/
 /*padding:150px 0;*/
 /*padding:9.375rem 0;*/
 font-weight:300;
 line-height:1.6;
 font-size:16px;
 font-size:1.0rem
}

```

---

<div class="post-metadata">

**Author:** ![LN](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ln/32/102498_2.png) [@LN](https://community.hubspot.com/u/LN)\
**Post date:** [September 22, 2020, 9:24pm UTC](https://community.hubspot.com/t/reducing-space-between-rows-in-landing-page/25807/3 "2020-09-22T21:24:28Z")

</div>

It worked! This is a lifesaver. I really appreciate it!