Making Browser look like Tablet?

Not sure if this is the right place to ask. But on my Chrome browser, I hit F12 and turn the screen into a 1200x800 size to mimic my Fire HD8, when I go into the dashboards, nothing looks the same. Dimensions, etc are all off. Which makes changing the layout quite tedious.

What am I doing incorrectly?

Also, is there a way to change the layout so that when you add tiles, you can put them anywhere without needing to insert blank tiles. Feels like the old iPhones where you had to fit each icon into a specific slot!

Thx!

You may need to account for the difference in pixel density. Most of the built-in device types in the Chrome Dev Tools account for this, but if you are using a custom resolution / device, you would need to account for it yourself.

Check out this thread for more details:

:link: How To: Designing Dashboards for a Tablet from a Laptop / PC - #5 by josh

1 Like

Thanks, that worked. The pixel density thing in particular was what was messing things up.

Is there an option somewhere to “fix” tiles for lack of a better word, i.e., so when you add tiles you can add them without other tiles moving all over the place?