Breakpoint

Breakpoints

Breakpoints (control points) are conditions under which additional design options appear on your page. Breakpoint values contain the following set of properties:

  • Type, breakpoint type with max-width before the specified value and min-width after the specified value.

  • Value, breakpoint values in pixels.

The breakpoints specified in the theme are applied to all pages. To add a breakpoint to the theme, click on the “+” icon next to the category.

Configuring the code

sm-width=’100%’

[

Prev

Filters

](https://quarkly-site-test.netlify.app/docs/interface/work-area/theme/filters)[

Next

Overview

](https://quarkly-site-test.netlify.app/docs/interface/work-area/theme/project-settings)