5xl: targets 4K+, video walls, ultra-wide — everything from 5000px wide. 4K+, video walls, ultra-wide. Mostly a guard rail: cap or center the layout.

What usually changes here#

  • Center or cap; avoid stretching

Example#

html
<div class="container 5xl:max-w-[2400px]">…</div>

Combining#

Stack with the other screens and with variants: 5xl:hover:bg-blue-600, dark:5xl:bg-slate-900. Order: screen first, then state.

responsive/4xl|4xl: (2560px) · responsive/breakpoint-strategy|Breakpoint strategy