Increase breakpoint for 5 columns

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"
       )}
     >

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],