Why does my table look like this in the blog?

On desktop it looks how I want it to:


On Desktop

On mobile it stretchs out:


On Mobile

I have the table at 100% width. No matter what I change the “height” to, nothing changes. The spacing is at 0 on all sides.

I also have the border style as “Hidden” so I don’t understand why the black lines are showing up.

Can you share a link to the page in question?

It hasn’t been published, I’d like to make sure the issue is worked out before going live.


@KTurner3 wrote:

It hasn’t been published, I’d like to make sure the issue is worked out before going live.


Unfortunately without access to seeing your code, it is nearly impossible to identify what is going on or what is causing the outcome you are seeing. Likely there is a stylesheet overriding the styles for mobile that is defining the border and spacing which is different from the desktop. What you will need to do is go through the source code and identify the file to edit in the design manager. If this is not something you are comfortable with doing, you may need to source help that can log into your hubspot instance to go through this for you.