Merge pull request #399 from sinfo/ines

Fixed width in offer cards css

Author: PMax5

src/app/landing-page/landing-page.component.css

@@ -9,7 +9,7 @@
 
 .example-card {
   margin: 5%;
-  display: flex;
+  /*display: flex;*/
   justify-content: center;
   /* align horizontal */
   align-items: center;
@@ -313,7 +313,6 @@
 }
 
 .example-card {
-
   transition: all .1s linear;
   box-shadow: 0px 1px 2px 0px rgba(26, 11, 82, 0.4);
 }
@@ -328,8 +327,9 @@
 
 .offers {
   display: grid;
-  width: 100%;
+  /*width: 100%;*/
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   row-gap: 2rem;
   column-gap: 1rem;
-}
+  justify-content: center;
+}

src/app/landing-page/landing-page.component.html

@@ -481,8 +481,8 @@ <h2 class="text-center">Offers</h2>
                   Take advantage of exclusive offers from our partners!
                 </p>
                 <div class="offers">
-                  <mat-card class="example-card cursor-pointer" style="padding: 5%">
-                    <a href="https://www.flytap.com"><img src="https://static.sinfo.org/static/31-sinfo/offers/tap.jpg" /></a>
+                  <mat-card class="example-card cursor-pointer" style="padding: 2%;width: 250px;margin-left: 40%;">
+                    <a href="https://www.flytap.com"><img src="https://static.sinfo.org/static/31-sinfo/offers/tap.jpg"/></a>
                     <div class="text-alt description">
                       <small>Official Carrier of SINFO 31</small>
                     </div>