# html table: custom format according to device?

**URL:** <https://community.hubspot.com/t/html-table-custom-format-according-to-device/15025>\
**Category:** Email Marketing Tool\
**Tags:** template-design\
**Created:** [June 28, 2019, 7:27am UTC](https://community.hubspot.com/t/html-table-custom-format-according-to-device/15025 "2019-06-28T07:27:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![LifeCovered](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lifecovered/32/2490_2.png) [@LifeCovered](https://community.hubspot.com/u/LifeCovered)\
**Post date:** [June 28, 2019, 7:27am UTC](https://community.hubspot.com/t/html-table-custom-format-according-to-device/15025/1 "2019-06-28T07:27:54Z")

</div>

hi guys,

Amazing software this HubSpot is, but lots to learn and a steep learning curve.

I’m stuck.

In one of the automatic emails/nurture campaign, I have a table with 3 columns and 3 rows. Looks ok on a desktop, but horrible on a smart device such as a smartphone.

I’ve tried custom HTML code but seems to be hard and not doing what I want.

Preferably, I’d like to have a different view of the tables when on a smartphone, perhaps the 1 column is stacked, so really after custom view according to what device.

Anyone here with experience?

I’m a [life insurance](https://www.lifecovered.nz/life-insurance/compare-best-life-insurance-companies-nz/) brokerage in Hamilton, NZ. Thanks all.

---

<div class="post-metadata">

**Author:** ![MatthewShepherd](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/matthewshepherd/32/31314_2.png) [@MatthewShepherd](https://community.hubspot.com/u/MatthewShepherd)\
**Post date:** [July 1, 2019, 1:46pm UTC](https://community.hubspot.com/t/html-table-custom-format-according-to-device/15025/2 "2019-07-01T13:46:15Z")

</div>

Hi @LifeCovered  
This community thread might be able to help you with your question:  
[Making Tables Responsive for Mobile](https://community.hubspot.com/t5/CMS-Development/Making-Tables-Responsive-for-Mobile/td-p/181387)

---

<div class="post-metadata">

**Author:** ![jaustin5](https://avatars.discourse-cdn.com/v4/letter/j/9d8465/32.png) [@jaustin5](https://community.hubspot.com/u/jaustin5)\
**Post date:** [August 25, 2023, 11:01pm UTC](https://community.hubspot.com/t/html-table-custom-format-according-to-device/15025/3 "2023-08-25T23:01:56Z")

</div>

Customizing HTML tables based on the device’s screen size is crucial for optimal user experience. Like the InsuranceCheckOnline [website](https://insurancecheckonline.com/), design responsiveness ensures seamless access to policy details. With adaptable tables, users can efficiently review insurance coverage, claims, and updates on various devices, enhancing accessibility and usability