From 031f042ee0681f4283f0ca3ee4bdd41613d0ca07 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 19 Feb 2026 01:00:20 +0000
Subject: [PATCH] fix(landing): improve mobile responsiveness for modal and
 meta prompts

- Update `.prompts-grid` to use `minmax(280px, 1fr)` instead of `400px` to fit mobile screens.
- Add media query to reduce `.meta-prompts` padding on small screens.
- Add `word-break: break-all` and `overflow-wrap: break-word` to `#promptModal` code blocks to prevent horizontal overflow.

Co-authored-by: PR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
---
 landing/index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/landing/index.html b/landing/index.html
index 317c01c..074acc0 100644
--- a/landing/index.html
+++ b/landing/index.html
@@ -155,6 +155,12 @@
             width: 100%;
         }
 
+        @media (max-width: 640px) {
+            .meta-prompts {
+                padding: 0 1rem;
+            }
+        }
+
         .meta-prompts h2 {
             text-align: center;
             font-size: 2rem;
@@ -164,7 +170,7 @@
 
         .prompts-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
             gap: 2rem;
         }
 
@@ -743,6 +749,8 @@
             color: #e6edf3;
             line-height: 1.5;
             white-space: pre-wrap;
+            word-break: break-all;
+            overflow-wrap: break-word;
         }
 
         #promptModal .close-prompt {