From 5ad7504413cc9c6c9f816ec12ec15b476b0d6085 Mon Sep 17 00:00:00 2001
From: DBHRN <dbhrnf@gmail.com>
Date: Thu, 25 Aug 2022 17:44:54 -0500
Subject: [PATCH] =?UTF-8?q?Arreglando=20interfaz=20de=20inicio=20y=20men?=
 =?UTF-8?q?=C3=BA-plataformas=20para=20m=C3=B3vl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 home-style.css |  9 ++++++++-
 menu-style.css | 18 +++++++++++++-----
 menu.html      |  4 ++--
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/home-style.css b/home-style.css
index d354409..ceca82f 100644
--- a/home-style.css
+++ b/home-style.css
@@ -36,6 +36,13 @@ body{
 
     #jugar{
         width: 40%;
+        margin-top: 300px;
+    }
+    .logo{
+        position: static;
+        margin: 0px auto;
+        margin-top: 100px;
+        width: 100%;
+        display: grid;
     }
-
 }
\ No newline at end of file
diff --git a/menu-style.css b/menu-style.css
index ab9a325..37900a5 100644
--- a/menu-style.css
+++ b/menu-style.css
@@ -54,11 +54,10 @@ body{
 .dispositivo{
     width: 60%;
 }
-.plataformas-descripcion{
-    font-size: 18px;
+.plataformas p{
     color: #ffffff;
 }
-.plataformas-precio{
+.plataformas-clic{
     font-size: 30px;
     font-weight: bold;
     margin-top: 10px;
@@ -66,8 +65,17 @@ body{
 
 @media(max-width: 600px){
 
-    #jugar{
-        width: 40%;
+    .plataformas{
+
+        width: auto;
+
+    }
+
+    .plataformas li{
+
+        margin-bottom: 30px;
+        width: 100%;
+
     }
 
 }
\ No newline at end of file
diff --git a/menu.html b/menu.html
index f6c70e5..ff32d61 100644
--- a/menu.html
+++ b/menu.html
@@ -22,12 +22,12 @@ <h1 class="pregunta">¿En que plataforma estás?</h1>
                     <a href="gamepc.html"><li>
                         <h2>Computadora</h2>
                         <img class="dispositivo" src="imagenes/computadora.png">
-                        <p class="plataformas-descripcion">¡Haz clic aquí!</p>
+                        <p class="plataformas-clic">¡Haz clic aquí!</p>
                     </li></a>
                     <a href="gamemovil.html"><li>
                         <h2>Celular</h2>
                         <img class="dispositivo" src="imagenes/celular.png">
-                        <p class="plataformas-descripcion">¡Haz clic aquí!</p>
+                        <p class="plataformas-clic">¡Haz clic aquí!</p>
                     </li></a>
                 </ul>
             </section>