From 6629ad7ca49f470f683f30ef3d9949f3778d7d46 Mon Sep 17 00:00:00 2001 From: Lebaud Antoine Date: Wed, 20 Mar 2024 00:42:31 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7(breakpoint)=20add=20a=20new=20xs?= =?UTF-8?q?=20media=20queries?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Implement extra-small media queries for specific cases in responsive layout on small screens. There is a difference of 16em between xs ans sm sizes, to match the one between md and lg. As default breakpoints have been overridden, this addition requires no extra work. --- tailwind.config.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/tailwind.config.ts b/tailwind.config.ts index 8db234f..80300d2 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -47,6 +47,7 @@ const config: Config = { * up to 200% text zoom (RGAA criteria) and this is the easiest way to achieve that. */ screens: { + xs: '24em', // 384px sm: '40em', // 640px md: '48em', // 768px lg: '64em', // 1024px