feat: add google logo

ngcolombia · Aug 8, 2018 · a65401d · a65401d
1 parent 1c1bf1e
commit a65401d
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 15 deletions.
diff --git a/src/app/community/community/community.component.html b/src/app/community/community/community.component.html
@@ -8,35 +8,39 @@ <h2 class="smaller">Community<span class="roboto">.</span></h2>
 </app-fullscreen>
 
 <div class="container">
-  <div>
-    <a href="https://www.meetup.com/Angular-Medellin/"
+  <div id="gdg">
+    <a href="https://www.meetup.com/gdg-medellin/"
        target="_blank">
-    <img src="assets/img/community/angular-medellin.png" width="100" height="100"
-    alt="">
-  </a>
+             <img class="large" src="assets/img/community/gdg-medellin.png">
+            </a>
   </div>
-  <!-- <img src="assets/img/community/google.png"
-       alt=""> -->
   <div>
-    <a href="https://www.meetup.com/gdg-medellin/"
+    <a href="https://www.meetup.com/pionerasdevelopers"
        target="_blank">
-         <img src="assets/img/community/gdg-medellin.png">
+          <img class="smaller" src="assets/img/community/pioneras.png">
         </a>
   </div>
   <div>
-    <a href="https://www.meetup.com/pionerasdevelopers"
+    <a href="https://www.meetup.com/medellinjs/"
        target="_blank">
-    <img src="assets/img/community/pioneras.png">
-  </a>
+             <img class="small" src="assets/img/community/medellin-js.png">
+          </a>
   </div>
+
 </div>
 <div class="container">
   <div>
-    <a href="https://www.meetup.com/medellinjs/"
+    <img src="assets/img/community/google.png"
+         alt="">
+  </div>
+  <div>
+    <a href="https://www.meetup.com/Angular-Medellin/"
        target="_blank">
-       <img class="smaller" src="assets/img/community/medellin-js.png">
+      <img class="larger" src="assets/img/community/angular-medellin.png" width="100" height="100"
+      alt="">
     </a>
   </div>
+
   <div>
     <a href="https://www.meetup.com/medellincss/"
        target="_blank">

diff --git a/src/app/community/community/community.component.scss b/src/app/community/community/community.component.scss
@@ -37,23 +37,58 @@
   align-items: center;
   align-content: stretch;
   background: white;
+  padding-bottom: 1rem;
   div {
     margin-bottom: 5rem;
     text-align: center;
+    &:first-child {
+      margin-bottom: 3rem;
+      &#gdg {
+        margin-bottom: 1rem;
+      }
+    }
   }
   img {
     width: 55%;
     height: auto;
     &.smaller {
+      // width: 40%;
+    }
+    &.small {
       width: 40%;
     }
+    &.larger {
+      width: 80%;
+    }
+    &.large {
+      width: 90%;
+    }
   }
 }
 
 @media (min-width: 680px) {
   .container {
     flex-direction: row;
     justify-content: space-around;
+    div {
+      width: 30vw;
+    }
+    img {
+      width: 55%;
+      height: auto;
+      &.smaller {
+        width: 50%;
+      }
+      &.small {
+        width: 40%;
+      }
+      &.larger {
+        width: 80%;
+      }
+      &.large {
+        width: 110%;
+      }
+    }
   }
 }
 
@@ -113,4 +148,4 @@
       padding: 0rem 6rem 0rem 2rem;
     }
   }
-}
+}