fix: text responsiveness

KunalSin9h · Nov 17, 2023 · b03e1a7 · b03e1a7
1 parent d16b320
commit b03e1a7
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/cmd/frontend/index.html b/cmd/frontend/index.html
@@ -18,7 +18,6 @@
         }
 
         .link {
-            width: 100%;
             max-width: 400px;
             text-align: center;
         }
@@ -112,41 +111,44 @@
 
 	    @media screen and (max-width: 600px) { 
 		.form-area {
-            padding-top: 4rem;
-            padding-bottom: 4rem;
-            padding-right: 7rem;
-            padding-left: 7rem;
+            padding-top: 3rem;
+            padding-bottom: 3rem;
+            padding-right: 5rem;
+            padding-left: 5rem;
 		}
 	}
 
 	    @media screen and (max-width: 500px) { 
 		.form-area {
-            padding-top: 4rem;
-            padding-bottom: 4rem;
-            padding-right: 4rem;
-            padding-left: 4rem;
+            padding: 2rem;
 		}
+
+        .imageUrl {
+            font-size: 12px;
+            margin: 0.5px;
+        }
+
 	}
 
     	    @media screen and (max-width: 400px) { 
 		.form-area {
-            padding-top: 2rem;
-            padding-bottom: 2rem;
-            padding-right: 2rem;
-            padding-left: 2rem;
+            padding-top: 3rem;
+            padding-bottom: 3rem;
+            padding-right: 0.25rem;
+            padding-left: 0.25rem;
 		}
-	}
+            }
 
         .no-image {
-            font-size: 16px;
+            font-size: 14px;
             font-weight: 600;
             color: #444;
             display: flex;
             flex-direction: column;
         }
 
         .no-image-fix {
-            font-size: 12px;
+            font-size: 10px;
             font-weight: 400;
             color: #555;
         }
@@ -208,12 +210,12 @@
         <div class="upload-area">
         <div class="form-area">
             <form id="form">
-                <input type="file" id="file" accept="image/*" name="filename">
+                <input type="file" id="file" accept="image/*" name="file" text="Choose A File">
                 <br>
             </form>
             <span class="link"> </span>
         </div>
-        <input type="submit" id="submit">
+        <input type="submit" id="submit" value="Submit Image">
         </div>
     </div>