Breakpoints

Responsive breakpoints and media queries.

Responsive breakpoints for different screen sizes.

Breakpoint Values

Default breakpoints in Axis-Twelve.

0px and up (mobile)

576px and up (small tablets)

768px and up (tablets)

992px and up (desktops)

1200px and up (large desktops)

Apply classes at specific breakpoints.

Add breakpoint prefix to any utility

html

<div class="col-12 md:col-6 lg:col-4">
  <!-- Full width on mobile, 
       50% on tablets, 
       33% on desktop -->
</div>