Corrigiendo archivos

diaz-peter · May 28, 2024 · 3de5b5e · 3de5b5e
1 parent 77d5215
commit 3de5b5e
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 406 deletions.
diff --git a/CSS/styles.css b/CSS/styles.css
@@ -53,6 +53,10 @@ ul {
   border-bottom-right-radius: 7px;
 }
 
+.div_redes {
+    display: none;
+  }
+
 .div_header_logo {
   grid-area: nombre;
   height: 100%;
@@ -161,7 +165,7 @@ ul {
 
 /* Carrusel de Promociones */
 #promociones {
-  text-align: center;
+  text-align: left;
 }
 
 .carousel {
@@ -218,10 +222,10 @@ footer {
 }
 
 
-section {
-  top: 20px;
-  padding: 20px;
-}
+section[id] {
+    scroll-margin-top: 30px;
+    padding: 20px;
+  }
 
 .gallery {
   display: grid;
@@ -319,15 +323,35 @@ section {
 /* Escritorio */
 @media (min-width: 768px) {
 
-  .header_grid_layout {
-    height: 140px;
-    display: grid;
-    grid-template-areas:
-      "nombre"
-      "menu_pc";
-    grid-template-columns: 100%;
-    grid-template-rows: 70% 30%;
-  }
+    .header_grid_layout {
+        height: 140px;
+        display: grid;
+        grid-template-areas:
+          "nombre redes"
+          "menu_pc menu_pc";
+        grid-template-columns: 80% 20%;
+        grid-template-rows: 70% 30%;
+      }
+
+      .div_redes {
+        display: flex;
+        grid-area: redes;
+        justify-content: right;
+      }
+
+      .div_redes i {
+        font-size: 30px;
+        color: black;
+        border-radius: 50%;
+        padding: 15px;
+        box-shadow: 0px 5px 10px rgb(0, 0, 0, .35);
+        transition: .3s ease;
+
+      }
+
+      .div_redes a {
+        padding: 10px;
+      }
 
   .div_menu_hamb {
     display: none;
@@ -361,4 +385,8 @@ section {
   .hamb {
     display: none;
   }
+
+  section[id] {
+    scroll-margin-top: 120px;
+  }
 }