From 4c4a335e1d8a5d0bd054b05ef9e0e5066044514d Mon Sep 17 00:00:00 2001
From: Hadeed Ahmad <hadeedji@gmail.com>
Date: Mon, 10 Jun 2024 08:24:40 +0400
Subject: [PATCH] Fix padding

---
 src/app.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app.jsx b/src/app.jsx
index d07255c..4d2a38e 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -53,7 +53,7 @@ export default function App() {
     <div className="flex min-h-dvh flex-col items-center justify-center bg-green-200 px-200 py-400">
       <Toast.Provider>
         <Toast.Viewport className="fixed left-0 top-0 flex w-full justify-center p-300" />
-        <div className="w-full max-w-3xl rounded-2xl bg-white p-300 text-grey-900">
+        <div className="w-full max-w-3xl rounded-2xl bg-white p-300 text-grey-900 sm:p-500">
           <form
             onSubmit={handleSubmit((data) => {
               console.log(data);