# (Squarespace) How to increase space between blog items on mobile

**URL:** <https://community.elfsight.com/t/squarespace-how-to-increase-space-between-blog-items-on-mobile/102439>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [February 20, 2025, 8:26am UTC](https://community.elfsight.com/t/squarespace-how-to-increase-space-between-blog-items-on-mobile/102439 "2025-02-20T08:26:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [February 20, 2025, 8:26am UTC](https://community.elfsight.com/t/squarespace-how-to-increase-space-between-blog-items-on-mobile/102439/1 "2025-02-20T08:26:40Z")

</div>

To increase space between blog items on mobile.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/3/934916f75c9596e5435ac82d7333171704e113e1.jpeg)

You can use this code to Custom CSS box.  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [email me](mailto:info@beaverhero.com).

```auto
@media screen and (max-width:767px) {
    article.blog-item {
        margin-bottom: 100px !important;
    }
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/e/de8097f476d0f77e8e474b222217bef21f315907.png)

Result

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/8/d8fc0b202265cabc6afdef1263469d095ae960f3.jpeg)