# Improving page responsiveness design

**URL:** <https://community.hubspot.com/t/improving-page-responsiveness-design/21105>\
**Category:** CMS Development\
**Created:** [May 23, 2020, 8:33am UTC](https://community.hubspot.com/t/improving-page-responsiveness-design/21105 "2020-05-23T08:33:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![panlau](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/panlau/32/51304_2.png) [@panlau](https://community.hubspot.com/u/panlau)\
**Post date:** [May 23, 2020, 8:33am UTC](https://community.hubspot.com/t/improving-page-responsiveness-design/21105/1 "2020-05-23T08:33:00Z")

</div>

I use the drag and drop feature to create a landing page on Hubspot. It looks fine on Hubspot preview, but it looks different when it goes live on the tablet. One of the column doesn’t “automatically” change from \<span-6\> (responsive veiw) to \<span-12\> on tablet view, but it works fine on mobile view. Since I build the page using the drag and drop, I don’t quite sure how I can fix it?

---

<div class="post-metadata">

**Author:** ![sharonlicari](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sharonlicari/32/101479_2.png) [@sharonlicari](https://community.hubspot.com/u/sharonlicari)\
**Post date:** [May 28, 2020, 7:27am UTC](https://community.hubspot.com/t/improving-page-responsiveness-design/21105/2 "2020-05-28T07:27:54Z")

</div>

Hey @panlau

could you please provide the URL you are working on? With this information, our experts will be able to guide you. I’ll tag a few experts that can share their experience with you.

Hey @albertsg @alyssamwilie @stefen any thoughts you would like to share with @panlau ?

Thanks

Sharon

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [May 28, 2020, 12:54pm UTC](https://community.hubspot.com/t/improving-page-responsiveness-design/21105/3 "2020-05-28T12:54:38Z")

</div>

@panlau  
Do you know what width the tablet screen is that you’re testing on? I know some are around 800px wide whereas Hubspot’s responsive styling only starts at 768px wide so that could possibly be the reason why you’re not seeing the responisve change on tablet.

To change this, in the Page Editor, go to **Settings \> Advanced Options \> Additional code snippets** and in the Head HTML text box you can add :

```auto
@media (max-width: 801px) {
 .widget-span.span6 {
 width: 100% !important;
 margin-left: 0 !important;
 }
}

```