---
title: Breakpoints
description: Breakpoints can be accessed through the media object for use in styles
order: 1
---

import { MediaQueriesTable } from '@af/design-system-docs-ui';

import { CodeDocsHeader } from '@af/design-system-docs-ui';

<CodeDocsHeader
	name="@atlaskit/primitives"
	repository="https://bitbucket.org/atlassian/atlassian-frontend-mirror"
	directoryName="primitives"
/>

### Media Queries

Media queries can be applied through the `media` object.

<MediaQueriesTable />