Improved Footer (#21)

GDG-GANDHINAGAR · Sep 1, 2019 · 1dafe85 · 1dafe85
1 parent ff7fe8c
commit 1dafe85
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 15 deletions.
diff --git a/src/app/elements/footer/footer.component.html b/src/app/elements/footer/footer.component.html
@@ -139,23 +139,27 @@
         </ul>
       </div>
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
-        <div class="col-title">
-          Event Resources
+        <div class="second-col">
+          <div class="col-title">
+            Event Resources
+          </div>
+          <ul class="col-list">
+            <li><a href="https://bit.ly/324CQNx">Call for Papers
+              </a></li>
+          </ul>
         </div>
-        <ul class="col-list">
-          <li><a href="https://bit.ly/324CQNx">Call for Papers
-            </a></li>
-        </ul>
       </div>
       <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
-        <div class="col-title">
-          title
+        <div class="third-col">
+          <div class="col-title">
+            title
+          </div>
+          <ul class="col-list">
+            <li><a href="">Some Important Link</a></li>
+            <li><a href="">Important Link</a></li>
+            <li><a href="https://www.linkedin.com/company/dsciiitv/">DSC IIITV</a></li>
+          </ul>
         </div>
-        <ul class="col-list">
-          <li><a href="">Some Important Link</a></li>
-          <li><a href="">Important Link</a></li>
-          <li><a href="https://www.linkedin.com/company/dsciiitv/">DSC IIITV</a></li>
-        </ul>
       </div>
 
     </div>
@@ -177,4 +181,4 @@
 
     </div>
   </div>
-</footer>
+</footer>
diff --git a/src/app/elements/footer/footer.component.sass b/src/app/elements/footer/footer.component.sass
@@ -2,6 +2,11 @@ footer
   margin-top: 50px
   background: #222222
   padding: 20px 0 0 0
+  .second-col
+    margin: 0 auto
+    width: fit-content
+  .third-col
+    float: right
   .col-title
     text-transform: capitalize
     font-size: 1.3em
@@ -13,7 +18,7 @@ footer
     margin: 0
     padding: 0
     li
-      padding: 5px
+      padding: 5px 0px
       &:hover
         a
           color: #ffffff