# Device View Changer
Checkout Champ gives you all the necessary tools you need to optimize your pages so that they are responsive and beautiful on any device. While many responsive features are automatically applied to your page, you can customize your layout as needed. Using the Device View Changer, you can view and edit your page layout using 5 preset screen sizes reflecting commonly used devices:
(Desktop, Laptop/Large Tablet, Tablet, Large Mobile and Mobile)
By selecting the different device views in the editor, you can see how your page will look on the 5 different screen sizes. You can also modify your page design to reflect styling specific to the different device layouts. As you edit, the styling changes cascade downward.
Any styling edits made on the desktop view will cascade down across all screen sizes. However, you can use the Device View Changer to edit the smaller screen sizes independently. This allows you to change the styling for tablet and mobile screens or even hide elements you don’t want visible on the smaller screen sizes.
---
# 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://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder/builder-toolbar/device-view-changer.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.