> For the complete documentation index, see [llms.txt](https://design.cal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://design.cal.com/basics/breakpoints.md).

# Breakpoints

## Desktop

<figure><img src="/files/OlaKd6ja88ZASGkPghhv" alt=""><figcaption></figcaption></figure>

## Tablet

<figure><img src="/files/r3v5TLp5EWO1ParPeMlr" alt=""><figcaption></figcaption></figure>

## Mobile

<figure><img src="/files/u9Sb2vLoLJyqbQzyFFMh" alt=""><figcaption></figcaption></figure>

## Breakpoints in practice

{% embed url="<https://www.figma.com/file/9MOufQNLtdkpnDucmNX10R/Cal-DS---Components?mode=design&node-id=22391-147764&t=2yA6FxSQlUQPrnWd-4&type=design>" %}