diff --git a/tailwind.config.js b/tailwind.config.js
index a104efed..19651f8b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,15 +14,15 @@ module.exports = {
     screens: {
       sm: '540px',
       // => @media (min-width: 576px) { ... }
-
       md: '720px',
       // => @media (min-width: 768px) { ... }
-
       lg: '960px',
       // => @media (min-width: 992px) { ... }
-
-      xl: '1140px'
+      xl: '1140px',
       // => @media (min-width: 1200px) { ... }
+      '2xl': '1320px',
+      // => @media (min-width: 1400px) { ... }
+      '3xl': '1920px'
     },
     container: {
       center: true,