From cd95c93e68fa1dd2cbc138ab9fb19829559d7f9d Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 5 Apr 2023 23:25:08 -0700
Subject: [PATCH] Increase breakpoint for 5 columns

---
 src/components/services/group.jsx | 2 +-
 tailwind.config.js                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
index 8b7db308..7b7e2e87 100644
--- 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
index b6e27a30..0d78a6c0 100644
--- 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],