From 7c1e9fa8c282b1f48427edd7fdcba27ac2d9551c Mon Sep 17 00:00:00 2001
From: Anila Nawaz <anilanawaz531@gmail.com>
Date: Sun, 21 Dec 2025 19:09:26 +0500
Subject: [PATCH] Update style.css

Added media queries to adjust font sizes and padding for better usability on smaller screens.
---
 todo-list/style.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/todo-list/style.css b/todo-list/style.css
index 866d46c1..c28f9f86 100644
--- a/todo-list/style.css
+++ b/todo-list/style.css
@@ -70,3 +70,21 @@ small {
   margin-top: 3rem;
   text-align: center;
 }
+
+/* Media query for smaller screens */
+@media (max-width: 480px) {
+  h1 {
+    font-size: 6rem; /* Reduce font size for smaller screens */
+  }
+
+  .input {
+    font-size: 1.5rem; /* Adjust input font size */
+    padding: 0.8rem 1.5rem; /* Adjust padding */
+  }
+
+  .todos li {
+    font-size: 1.2rem; /* Adjust list item font size */
+    padding: 0.8rem 1.5rem; /* Adjust list item padding */
+  }
+}
+