Add custom max-width

tailwind.config.js

@@ -1,57 +1,58 @@
 module.exports = {
-  mode: "jit",
+  mode: 'jit',
   purge: [`_site/**/*.html`, `_site/**/*.css`],
   theme: {
     extend: {
       backgroundImage: (theme) => ({
-        arrow: "url(/assets/img/arrow.svg)",
+        arrow: 'url(/assets/img/arrow.svg)',
-        arrowWhite: "url(/assets/img/arrow-white.svg)",
+        arrowWhite: 'url(/assets/img/arrow-white.svg)',
-        arrowPeach: "url(/assets/img/arrow-peach.svg)",
+        arrowPeach: 'url(/assets/img/arrow-peach.svg)',
       }),
       maxWidth: {
-        48: "48%",
+        48: '48%',
+        80: '80%',
       },
       maxHeight: {
-        nav: "350px",
+        nav: '350px',
       },
     },
     screens: {
-      xxs: "370px",
+      xxs: '370px',
-      xscard: "436px",
+      xscard: '436px',
-      xs: "450px",
+      xs: '450px',
-      xm: "480px",
+      xm: '480px',
-      sm: "570px",
+      sm: '570px',
-      sl: "680px",
+      sl: '680px',
-      md: "768px",
+      md: '768px',
-      ml: "900px",
+      ml: '900px',
-      lg: "1024px",
+      lg: '1024px',
-      l: "1199px",
+      l: '1199px',
-      lm: "1280px",
+      lm: '1280px',
-      xl: "1440px",
+      xl: '1440px',
     },
     fontFamily: {
-      sans: ["Open Sans", "sans-serif"],
+      sans: ['Open Sans', 'sans-serif'],
     },
     fontSize: {
-      xxs: ["10px", "22px"],
+      xxs: ['10px', '22px'],
-      xs: ["12px", "16px"],
+      xs: ['12px', '16px'],
-      s: ["12px", "20px"],
+      s: ['12px', '20px'],
-      sm: ["14px", "22px"],
+      sm: ['14px', '22px'],
-      base: ["14px", "24px"],
+      base: ['14px', '24px'],
-      l: ["18px", "25px"],
+      l: ['18px', '25px'],
-      lg: ["20px", "28px"],
+      lg: ['20px', '28px'],
-      xl: ["24px", "32px"],
+      xl: ['24px', '32px'],
-      xxl: ["32px", "44px"],
+      xxl: ['32px', '44px'],
     },
     textColor: {
-      white: "#fff",
+      white: '#fff',
-      black: "#151512",
+      black: '#151512',
-      peach: "#D1A69D",
+      peach: '#D1A69D',
     },
     colors: {
-      white: "#fff",
+      white: '#fff',
-      black: "#151512",
+      black: '#151512',
-      peach: "#D1A69D",
+      peach: '#D1A69D',
     },
   },
   variants: {},