# Breakpoints

## 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&#x26;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&#x26;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&#x26;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>" %}