# Advanced Responsiveness

While our standard specifications allow you to generate consistent layouts, you might want to use some custom settings to build your desired UI.

For example, having blocks of different widths within the same row container might be important in a certain layout. In order to do that, we override the min-width of the blocks and/or make the width fixed for certain blocks.

![Example of different blocks width](/files/qbqh3sGIYRGWaDMMIEpT)

When you're using this method, it's likely also that you want your layout to behave differently on  smaller devices. Using the [Viewport Option Set](/framework-elements/option-sets.md), you can then either hide certain blocks or make those full width for certain devices.

![Make element full width when not desktop](/files/eRdIDNLNhMgtNpr7Tmeb)

![Hiding an element when not desktop](/files/4wthVgu2JCEpd2Ltyj7D)


---

# 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://docs.openbuild.io/core-concepts/responsive-design/advanced-responsiveness.md?ask=<question>
```

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.
