fixed screensizes

components/shared/Hero.tsx

@@ -46,14 +46,6 @@ const Hero = () => {
   return (
     <section className="relative sm:container grid lg:grid-cols-2 place-items-center py-20 md:py-24 gap-10">
       <GridPattern
-        squares={[
-          [4, 4],
-          [5, 1],
-          [8, 2],
-          [6, 6],
-          [10, 5],
-          [13, 3],
-        ]}
         className={cn(
           "[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]",
           "inset-x-0 inset-y-[-50%] h-[200%] opacity-30"

tailwind.config.ts

@@ -10,6 +10,17 @@ const config = {
   ],
   prefix: "",
   theme: {
+    screens: {
+      "sm": "640px",
+
+      "md": "768px",
+
+      "lg": "1100px",
+
+      "xl": "1280px",
+
+      "2xl": "1536px",
+    },
     container: {
       center: true,
       padding: "2rem",