Arreglando interfaz de inicio y menú-plataformas para móvl

DBHRN · Aug 25, 2022 · 5ad7504 · 5ad7504
1 parent c44ce16
commit 5ad7504
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 8 deletions.
diff --git 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;
     }
-
 }
diff --git a/menu-style.css b/menu-style.css
@@ -54,20 +54,28 @@ 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;
 }
 
 @media(max-width: 600px){
 
-    #jugar{
-        width: 40%;
+    .plataformas{
+
+        width: auto;
+
+    }
+
+    .plataformas li{
+
+        margin-bottom: 30px;
+        width: 100%;
+
     }
 
 }
diff --git 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>