# Formatting across all devices

**URL:** <https://community.hubspot.com/t/formatting-across-all-devices/18080>\
**Category:** CMS Development\
**Tags:** design-manager, css\
**Created:** [January 13, 2020, 9:23pm UTC](https://community.hubspot.com/t/formatting-across-all-devices/18080 "2020-01-13T21:23:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![OndreaS](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ondreas/32/35493_2.png) [@OndreaS](https://community.hubspot.com/u/OndreaS)\
**Post date:** [January 13, 2020, 9:23pm UTC](https://community.hubspot.com/t/formatting-across-all-devices/18080/1 "2020-01-13T21:23:49Z")

</div>

Hello! Hope all is well.

What is the best way to optimize formatting across all devices on the landing pages? Such as tablets, phones, laptops etc. When I look at the preview for the landing page across other devices the formatting is totally off. I know Hubspot has it’s own specific language so would media querires work? If any one has any suggestions that’d be great!

---

<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:** [January 14, 2020, 1:19pm UTC](https://community.hubspot.com/t/formatting-across-all-devices/18080/2 "2020-01-14T13:19:31Z")

</div>

Hey@OndreaS

Yep CSS media queires will be the way to go. If you’re not building the pages yourself then you would want to sellect higher quality templates or match your visual requirements to those provided by the templates selected.

Here are a few resources to get you started:

> **[Create, edit, and attach CSS files to style your site](https://knowledge.hubspot.com/design-manager/create-edit-and-attach-css-files-to-style-your-site)**
>
> This article walks through creating, publishing, and attaching a CSS file in HubSpot.

> **[Understand the source of a page's styling](https://knowledge.hubspot.com/design-manager/understand-the-source-of-a-page-s-styling)**
>
> You can use the inspect element feature of your browser to see the CSS declarations applied to elements on your pages. Learn how to find that CSS in HubSpot.

> **[Edit content in the content editor](https://knowledge.hubspot.com/website-pages/edit-page-content-in-a-drag-and-drop-area)**
>
> Learn how to add and style modules and sections in the drag and drop editor to create content.