Añadiendo ajustes al proyecto

alvarezlmatias · Oct 4, 2023 · 7d0f26b · 7d0f26b
1 parent 94aeab8
commit 7d0f26b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 7 deletions.
diff --git a/CSS/style.css b/CSS/style.css
@@ -772,7 +772,6 @@ footer {
     .articulo1 {
         font-size: small;
         line-height: 20px;
-        margin-top: 10px;
     }
 
     .elemento-seccion {
@@ -842,7 +841,7 @@ footer {
         display: none;
     }
 
-    .titulo-seccion {
+    .titulo-seccion.rel, .titulo-seccion.rel2 {
         font-size: large;
         margin-bottom: -30px;
     }
@@ -899,7 +898,7 @@ footer {
 
 /*** Tablet ***/
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 481px) and (max-width: 991px) {
 
     .videorecursos {
         width: 300px; 
@@ -924,18 +923,18 @@ footer {
         margin-bottom: 50px;
         margin-left: -60px;
     }
-
 }
 
 /*** Fin de Tablet ***/
 
 /*** Mobile ***/
 
-@media (min-width: 320px) and (max-width: 767px) {
+@media (min-width: 300px) and (max-width: 480px) {
 
     .videorecursos {
         width: 250px; 
         height: 150px;
+        margin-top: 70px;
     }
 
     .articulo-recursos {
@@ -968,4 +967,18 @@ footer {
 
 /*** Fin de Mobile ***/
 
+/* FIN DE MEDIA QUERIES PÁGINA RECURSOS */
+
+/* MEDIA QUERIES PÁGINA ESTRATEGIAS */
+
+/*** Mobile ***/
+
+@media (min-width: 300px) and (max-width: 480px) {
+    .seccion1-estrategias, .seccion2-estrategias {
+        margin-bottom: 50px;
+    }
+}
+
+/*** Fin de Mobile ***/
+
 /* FIN DE MEDIA QUERIES PÁGINA RECURSOS */
diff --git a/index.html b/index.html
@@ -192,7 +192,7 @@ <h2 class="titulo-seccion rel fw-bold">
             <!-- Fin de Sección recursos para la educación en línea -->
             <!-- Título sección estrategias para la educación en línea -->
             <div>
-                <h3 class="titulo-seccion B fw-bold">
+                <h3 class="titulo-seccion rel2 fw-bold">
                     Estrategias para la Educación en Línea
                 </h3>
             </div>

diff --git a/pages/estrategias.html b/pages/estrategias.html
@@ -167,7 +167,7 @@ <h3 class="titulo-articulo-estrategias">
                 <!-- Segunda sección página Estrategias -->
                 <!-- Título Segunda sección página Estrategias -->
                 <div>
-                    <h1 class="titulo-seccion">
+                    <h1 class="titulo-seccion seccion2-estrategias">
                         Educación híbrida
                     </h1>
                 </div>