> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/everyware/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/everyware/design/everyware-theme-base-2/design-overview.md).

# Pages with Board

## Boards width breakpoints

The theme is responsive, but also has breakpoint support. Since it's built with [Bootstrap](https://getbootstrap.com/) it also uses its screen width breakpoints. 

| **Bootstrap and Boards breakpoint**                                                  | Web browser widths |
| ------------------------------------------------------------------------------------ | ------------------ |
| **Phone** - for mobile phones (xs)                                                   | 0 - 767 px         |
| **Tablet** - for iPad and many other tablet (sm)                                     | 768 - 991 px       |
| **Laptop** - for small laptops or part screen browsers (md)                          | 992 - 1199 px      |
| **Desktop** - for laptops and bigger desktop screens, with full screen browsers (lg) | 1200 px            |

## Sections on your page - "Block design"

You can choose to use the Section heading widget to group content on start pages. They are ment to be used as heading for wrapper boards about for example sports, latest news or entertainment. That way different kinds of news will not be mixed.

![Section heading example: "Sport"](/files/-MF17qsGfHzvrDx0MK0t)

## Dark wrapper board - "Media block"

The theme supports the use of a dark background for rows, to separate some teasers more from the rest of the site. The teasers inside also has a dark design. The user can have any type of content like this, but in this example it is the gallery board.

![This board row is configured to be dark. (Screenshot from a Board)](/files/-MF19sXS5WmNW63wpGhj)

![Example of how teasers become dark when they are presented inside a dark board row.](/files/-MF18QLzaxjomqvRO6Ul)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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.navigaglobal.com/everyware/design/everyware-theme-base-2/design-overview.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.