Centrar elementos

Neofitar · Sep 6, 2023 · 274e313 · 274e313 · vercel · Sep 6, 2023
1 parent c62dc9b
commit 274e313
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 20 deletions.
diff --git a/2023-08/css/nav_agosto.css b/2023-08/css/nav_agosto.css
@@ -11,12 +11,12 @@ html {
         radial-gradient(50% 50%, #48726baf 98%, var(--c)) 0 0/var(--s) var(--s);
 }
 
-html, body, main {
+.body-ago-1 {
     height: 100%;
     position: relative;
-    display: flex;  
+    display: flex;
     justify-content: center;
-    align-items: center; 
+    align-items: center;
 }
 
 .nav-elements {

diff --git a/2023-08/css/novedades_agosto.css b/2023-08/css/novedades_agosto.css
@@ -1,7 +1,6 @@
-
 .all-books {
-    padding-top: 2150px;
     margin: 5%;
+    padding-top: 160px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
@@ -170,7 +169,6 @@
 @media screen and (max-width: 1270px) {
     .all-books {
         margin: 3%;
-        padding-top: 4530px;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -182,7 +180,6 @@
 @media screen and (max-width: 530px) {
     .all-books {
         margin: 3%;
-        padding-top: 7530px;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -243,9 +240,6 @@
 
 @media screen and (max-width: 400px) {
 
-    .all-books {
-        padding-top: 7550px;
-    }
 
     .books-details h2 {
         font-size: 14px;
@@ -263,11 +257,4 @@
     .button-acceso {
         font-size: 8px;
     }
-}
-
-@media screen and (max-width: 390px) {
-
-    .all-books {
-        padding-top: 6650px;
-    }
 }
diff --git a/2023-08/index.html b/2023-08/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="es">
+<html lang="es" class="body-ago-1">
 
 <head>
     <meta charset="UTF-8">
@@ -27,8 +27,8 @@
     <title>¡Novedades UGC!</title>
 </head>
 
-<body>
-    <main class="body-ago" >
+<body class="body-ago-1">
+    <main class="body-ago-1" >
         <section class="nav-elements" id="nav-element-2">
             <a class="header-banner-a"><img src="./img/banner.png" alt="banner"></a>
             <nav>