Increase breakpoint for 5 columns

Duanyll · Apr 6, 2023 · cd95c93 · cd95c93
1 parent 379d2e5
commit cd95c93
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
@@ -8,7 +8,7 @@ export default function ServicesGroup({ services, layout }) {
     <div
       key={services.name}
       className={classNames(
-        layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 2xl:basis-1/5",
+        layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 3xl:basis-1/5",
         "flex-1 p-1"
       )}
     >

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -25,6 +25,10 @@ module.exports = {
           900: "rgb(var(--color-900) / <alpha-value>)",
         },
       },
+      screens: {
+        '3xl': '1800px',
+        // => @media (min-width: 1800px) { ... }
+      },
     },
   },
   plugins: [tailwindForms, tailwindScrollbars],