> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/quick-start/breakpoints.md).

# Breakpoints

## Responsive size

*Responsive design size are categorized into 3 different categories*

**`Mobile`, `Tablet`, `Desktop`**

* **`Mobile` : between `0px` and `767px`**
* **`Tablet` : between `768px` and `991px`**
* **`Desktop` : between  `992px` and ...**

## Custom Breakpoints

```scss
// ./src/syntax/_syntax.scss

//breakpoints
    font-sizes: (
        default: 16px,
        mobile: 16px,
        tablet: 18px,
        desktop: 20px
    ),
    breakpoints: (
        mobile: 767px,
        tablet: 992px,
        desktop: 1200px
    ),

```