> 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

Here you can find our standardised breakpoints that we use to define Cal.com's responsive design.

## Desktop

<figure><img src="https://2607815040-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpmUOqZjfGqNkiPmqgnMv%2Fuploads%2FAnave96JWuXpq9eWi9mW%2Fimage.png?alt=media&amp;token=63e22ddf-5a89-4451-988d-9b391f09eca8" alt=""><figcaption></figcaption></figure>

## Tablet

<figure><img src="https://2607815040-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpmUOqZjfGqNkiPmqgnMv%2Fuploads%2FLAyOPetSyoSRK4exQhKC%2Fimage.png?alt=media&amp;token=ff3c6e2d-b17d-4fcf-8334-e5497e05acfd" alt=""><figcaption></figcaption></figure>

## Mobile

<figure><img src="https://2607815040-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpmUOqZjfGqNkiPmqgnMv%2Fuploads%2F2l8RfURGEDP3HsD6edQh%2Fimage.png?alt=media&amp;token=914e9e81-8901-4e9d-abb9-771f7320240f" 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>" %}