From e0bac333e42ba2faab64e5ac8e2e03b59ee2c006 Mon Sep 17 00:00:00 2001
From: Muhaddil <151466679+Muhaddil@users.noreply.github.com>
Date: Fri, 3 May 2024 14:27:50 +0200
Subject: [PATCH] Use @media

---
 styles/generator.css | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/styles/generator.css b/styles/generator.css
index 64a8dc8..33f1967 100644
--- a/styles/generator.css
+++ b/styles/generator.css
@@ -11,15 +11,32 @@ body {
     height: 100vh;
     margin: 0;
 }
+
 .glyph {
   font-family: 'NMS-Glyphs', sans-serif;
   font-size: 3em; 
 }
 
-button {
-width: auto; 
-padding: 10px 20px; 
+@media (max-width: 300px) {
+  .glyph {
+    font-size: 1.5em;
+  }
 }
+
+
+/* Estilo para pantallas grandes */
+button, select {
+  width: auto; 
+  padding: 10px 20px; 
+}
+
+/* Estilo para pantallas pequeñas */
+@media (max-width: 300px) {
+  button, select {
+    padding: 20px 40px;
+  }
+}
+
 select {
 width: auto; 
 padding: 10px 20px;