cambios en el contenido D0012

ProyectoIntegrador2018 · Dec 2, 2020 · 5eec340 · 5eec340
1 parent ef5d985
commit 5eec340
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 2 deletions.
diff --git a/src/app/components/home-patrocinadores/home-patrocinadores.component.html b/src/app/components/home-patrocinadores/home-patrocinadores.component.html
@@ -9,8 +9,14 @@
 
       <div class="carousel-inner" >
         <div class="carousel-item" *ngFor="let patrocinador of sponsorList; let i = index" [ngClass]="i == 0 ? 'active': ''">
-          <img class="inner-logo" [src]=patrocinador.url alt="">
-          <p>{{patrocinador.frase}}</p>
+          <div style="height: 15%; position: relative;"
+          >
+            <img class="inner-logo" [src]=patrocinador.url alt="" style="margin-top: 14%;" >
+          </div>
+          <div class="inner-Data" style="height: 80%; position: relative;"
+          >
+            <p style="overflow: hidden; position: relative;" >{{patrocinador.frase}}</p>
+          </div>
         </div>
       </div>
       <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">

diff --git a/src/app/components/home-patrocinadores/home-patrocinadores.component.scss b/src/app/components/home-patrocinadores/home-patrocinadores.component.scss
@@ -256,6 +256,53 @@
   }
 }
 
+
+/* Phones */
+@media only screen and (min-width: 319px) and (max-width: 348px) {
+  .inner-Data{
+    display: none;
+  }
+
+  .home-faq {
+    &__hero {
+      img {
+        width: 80%;
+      }
+    }
+
+    .col-4,
+    .col-6 {
+      flex: unset;
+      max-width: 100%;
+      width: 100%;
+    }
+
+    .row {
+      &.mobile-arrangement {
+        flex-direction: column-reverse;
+      }
+    }
+
+    .text-container {
+      padding: 25px 0;
+    }
+
+    .form {
+      width: 90%;
+
+      &__title {
+        font-size: 36px;
+      }
+    }
+  }
+
+  .steps {
+    &-section {
+      display: none;
+    }
+  }
+}
+
 /* Phones */
 @media only screen and (max-width: 600px) {
   .home-faq {