From 13a5997168e62b6adf1fb57077ea3994f2e36945 Mon Sep 17 00:00:00 2001
From: Rendy Arya Kemal <renrror@gmail.com>
Date: Wed, 19 Jun 2024 17:14:03 +0700
Subject: [PATCH] wtf is that bug

---
 src/App.tsx                    | 5 ++++-
 src/components/Screenshots.tsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9aace09..cf9866b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -14,7 +14,10 @@ function App() {
       </div>
       <Features />
 
-      <div className="relative overflow-hidden p-4 pt-44 -mt-16">
+      <div
+        className="relative overflow-hidden p-4 pt-44 -mt-16"
+        id="screenshots"
+      >
         <div className="absolute top-24 -left-40 -right-16 md:-bottom-16 bottom-0 md:rotate-3 bg-secondary -z-20" />
         <Screenshots />
       </div>
diff --git a/src/components/Screenshots.tsx b/src/components/Screenshots.tsx
index 9bbebea..9dbf9d7 100644
--- a/src/components/Screenshots.tsx
+++ b/src/components/Screenshots.tsx
@@ -3,7 +3,7 @@ import phoneImage from "../assets/phone.png";
 
 function Screenshots() {
   return (
-    <div className="flex flex-col gap-8 items-center" id="screenshots">
+    <div className="flex flex-col gap-8 items-center">
       <h2 className="text-4xl uppercase text-center font-bold">Screenshots</h2>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 w-full gap-4 container place-items-center">
         <Step image={phoneImage} />