From 1b24ac9c45024f807313c1c5e3df309b3fda898e Mon Sep 17 00:00:00 2001
From: Abdul Kareem <abdulkareem424@gmail.com>
Date: Mon, 23 Mar 2026 15:42:17 +0300
Subject: [PATCH] fix: center app screenshots on mobile

---
 styles.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/styles.css b/styles.css
index 0eca03b..ec76dd5 100644
--- a/styles.css
+++ b/styles.css
@@ -405,6 +405,15 @@ textarea {
     grid-template-columns: repeat(3, 1fr);
 }
 
+.mockup {
+    display: flex;
+    justify-content: center;
+}
+
+.mockup-frame {
+    margin-inline: auto;
+}
+
 .mockup-screen ul {
     padding: 0;
     margin-top: 16px;
@@ -1092,6 +1101,10 @@ textarea {
         grid-template-columns: 1fr;
     }
 
+    .screens-grid {
+        justify-items: center;
+    }
+
     .hero-copy h1 {
         font-size: 42px;
         max-width: none;