# Optimise the layout for different devices ## General The application has some fixed breakpoints set. To see which breakpoint is active, you have to go into the dashboard edite mode. In the header you will find the information about the breakpoint.

Breakpoint Information — Breakpoint informaion in dashboard edit mode.

The following breakpoints are set in the application:

## Extensions Browser extensions allow you to optimise all breakpoints on your desktop. It is not necessary to have all of your needed devices available to adjust the layout. We recommend using the following extensions for Google Chrome and Morzilla Firefox. ### Google Chrome "[Easy Window Resize](https://chrome.google.com/webstore/detail/easy-window-resize/cfpenpohaapdgnkglcbgjiooipcbcebi#:~:text=%2D%20Use%20the%20default%20keyboard%20shortcut,in%20the%20window%20sizes%20list.)" can be used for Google Chrome. To do this, the extension for the browser must be installed in the Google Store. After that you can set the viewports by yourself. The main thing to pay attention to is the width. The height (Higth) can be set to the same value for all fields.

Window resize Google Chrome adjust values

The extension can be pinned in to the browser head so that you have direct access to the resizer. Here you can choose the sizes by selecting the option.

### Morzilla Firefox "[Resize Window & Viewport](https://addons.mozilla.org/en-US/firefox/addon/resize-window-viewport/)" can be installed for Morzilla Firefox. To do this, the Firefox extension must be installed in the browser. This can be done with the help of the Firefox Store. In the settings of the extension, the viewports can be defined. There are 4 fields in which you can define the width.

Window resize Morzilla Firefox adjust values

It is now possible to use the extension in the browser head. All you have to do is click on the symbol and then select the desired size.

Window resize Morzilla Firefox select size

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://manual.senseforce.io/manual/sf-platform/dashboards/optimise-the-layout-for-different-devices.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.