# Homey Flow for Web - three Column view \[CSS customization\]

**URL:** <https://community.homey.app/t/homey-flow-for-web-three-column-view-css-customization/9765>\
**Category:** Developers\
**Created:** [February 26, 2019, 9:18pm UTC](https://community.homey.app/t/homey-flow-for-web-three-column-view-css-customization/9765 "2019-02-26T21:18:05Z")\
**Posts on this page:** 1\
**Showing post:** 36

<div class="post-metadata">

**Author:** ![StyleRemains](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/styleremains/32/474_2.png) [@StyleRemains](https://community.homey.app/u/StyleRemains)\
**Post date:** [March 10, 2019, 3:44pm UTC](https://community.homey.app/t/homey-flow-for-web-three-column-view-css-customization/9765/36 "2019-03-10T15:44:39Z")

</div>

For the people who hate the telephone simulator in the app settings of the Homey developer page.  
Here the chrome css, tested with stylebot extension for the transformation into a tablet 😀  
[https://developer.athom.com/tools/app-settings](https://developer.athom.com/tools/app-settings)

```
/* Make all elements invisible to hide the simulator selector */

.Page.PageToolsSettings {
    visibility: hidden;
}

/* But still show the phone itself and flexible resize and realign */

.Page.PageToolsSettings .Simulator {
    visibility: visible;
    width: 150%;
    margin-left: -50%;
}

/* Finetune the layout of the screen */

.Page.PageToolsSettings .Simulator .SimulatorInner {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

/* Now the phone is a tablet :) */

```

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/3/3b1dc5fd1bad47d35e3ee8add886b809a9b54196.png)

---

_[View the full topic](https://community.homey.app/t/homey-flow-for-web-three-column-view-css-customization/9765)._