From ecd45927e0db704c805578f81e86673cb8d69daf Mon Sep 17 00:00:00 2001
From: Pooja Sharma <poonam.125.sharma@gmail.com>
Date: Wed, 2 Oct 2019 17:51:33 +0530
Subject: [PATCH 1/4] Horizontal scrolling fix

---
 Task1/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/Task1/style.css b/Task1/style.css
index f1e8437b..bed4f205 100644
--- a/Task1/style.css
+++ b/Task1/style.css
@@ -82,3 +82,7 @@ body::after {
  margin: 1rem auto;
 }
 
+.row {
+  margin-left: 0px;
+  margin-right: 0px;
+}
\ No newline at end of file

From 99a80918736e27fc1795e2a00f3a393bc75fb230 Mon Sep 17 00:00:00 2001
From: Pooja Sharma <poonam.125.sharma@gmail.com>
Date: Wed, 2 Oct 2019 19:11:31 +0530
Subject: [PATCH 2/4] Changed github and linkedin text buttons to fa icons to
 make all cards symmetric

---
 Task1/index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/Task1/index.html b/Task1/index.html
index f553840f..2371956b 100644
--- a/Task1/index.html
+++ b/Task1/index.html
@@ -223,8 +223,8 @@ <h5 class="card-title text-center">Abednego Edet</h5>
                 <div class="card-body">
                         <h5 class="card-title text-center">Baecon</h5>
                         <div class="text-center">
-                            <a href="https://github.com/baecon" class="btn btn-primary">Github</a>
-                            <a href="#" class="btn btn-primary">LinkedIn</a>
+                            <a href="https://github.com/baecon" target="_blank"><i class="fa fa-github-square icon fa-3x"></i></a>
+                            <a href="#"><i class="fa fa-linkedin-square fa-3x"></i></a>
                         </div>
                 </div>
         </div>
@@ -235,7 +235,7 @@ <h5 class="card-title text-center">Baecon</h5>
                         <h5 class="card-title text-center">Romain Guillemot</h5>
                         <div class="text-center">
                             <a href="https://github.com/wasthishelpful" target="_blank"><i class="fa fa-github-square icon fa-3x"></i></a>
-                            <a href="https://www.linkedin.com/in/rguillemot/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></i></a>
+                            <a href="https://www.linkedin.com/in/rguillemot/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
                         </div>
                 </div>
         </div>
@@ -290,8 +290,8 @@ <h5 class="card-title text-center">Anchal Agarwal</h5>
             <div class="card-body">
                     <h5 class="card-title text-center">Aditya Raj Singh</h5>
                     <div class="text-center">
-                        <a href="https://github.com/AdityaRajSingh" class="btn btn-primary">Github</a>
-                        <a href="https://www.linkedin.com/in/adityaraj-singh/" class="btn btn-primary">LinkedIn</a>
+                        <a href="https://github.com/AdityaRajSingh" target="_blank"><i class="fa fa-github-square icon fa-3x"></i></a>
+                        <a href="https://www.linkedin.com/in/adityaraj-singh/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
                     </div>
             </div>
 </div>
@@ -302,8 +302,8 @@ <h5 class="card-title text-center">Aditya Raj Singh</h5>
                     <div class="card-body">
                             <h5 class="card-title text-center">Suchismita Sarkar</h5>
                             <div class="text-center">
-                                <a href="https://github.com/suchisarkar"><i class="fa fa-github-square icon fa-3x"></i></a>
-                                <a href="https://www.linkedin.com/in/suchismita-sarkar-710659146/"><i class="fa fa-linkedin-square fa-3x"></i></a>
+                                <a href="https://github.com/suchisarkar" target="_blank"><i class="fa fa-github-square icon fa-3x"></i></a>
+                                <a href="https://www.linkedin.com/in/suchismita-sarkar-710659146/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
                             </div>
         </div>
     </div>
@@ -313,8 +313,8 @@ <h5 class="card-title text-center">Suchismita Sarkar</h5>
                     <div class="card-body">
                             <h5 class="card-title text-center">Bradley Jordan</h5>
                             <div class="text-center">
-                                <a href="https://github.com/BradleyPJ" class="btn btn-primary">Github</a>
-                                <a href="#" class="btn btn-primary">LinkedIn</a>
+                                <a href="https://github.com/BradleyPJ" target="_blank"><i class="fa fa-github-square icon fa-3x"></i></a>
+                                <a href="#"><i class="fa fa-linkedin-square fa-3x"></i></a>
                             </div>
                     </div>
     </div>
@@ -360,7 +360,7 @@ <h5 class="card-title text-center">Udai Agarwal</h5>
             <h5 class="card-title text-center">Vaibhav Vijay</h5>
             <div class="text-center">
                 <a href="https://github.com/vaibhavvijay9"><i class="fa fa-github-square icon fa-3x"></i></a>
-                <a href="#" class="btn btn-primary"><i class="fa fa-linkedin-square fa-3x"></i></a>
+                <a href="#"><i class="fa fa-linkedin-square fa-3x"></i></a>
             </div>
         </div>
     </div>    

From f20937146a8af496846d1c9ed66ba2cc383ea265 Mon Sep 17 00:00:00 2001
From: Pooja Sharma <poonam.125.sharma@gmail.com>
Date: Wed, 2 Oct 2019 19:23:37 +0530
Subject: [PATCH 3/4] Made height of all images equal inside the cards and
 added top-bottom padding

---
 Task1/style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/Task1/style.css b/Task1/style.css
index bed4f205..6bcfbb7a 100644
--- a/Task1/style.css
+++ b/Task1/style.css
@@ -44,10 +44,12 @@ body::after {
 
 .w-full {
   width: 100%;
+  height: calc(100% - 50%);
 }
 
 .mycard{
     margin: 2rem auto;
+    padding: 15px;
 }
 
 

From f69e389b592efc84f984575f4660394b23cccb43 Mon Sep 17 00:00:00 2001
From: Pooja Sharma <poonam.125.sharma@gmail.com>
Date: Wed, 2 Oct 2019 23:07:45 +0530
Subject: [PATCH 4/4] Responsive Styles Added

---
 Task1/index.html |  4 ++--
 Task1/style.css  | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/Task1/index.html b/Task1/index.html
index 2371956b..1c67a2e1 100644
--- a/Task1/index.html
+++ b/Task1/index.html
@@ -34,7 +34,7 @@ <h1 class="display-5 text-center">HACKTOBERFEST 2019 | BIT MESRA</h1>
 
 <div class="row">
 
-        <div class="col-md-2 my-12 mx-auto p-relative bg-white shadow-1 blue-hover mycard mycard" style="width: 360px; overflow: hidden; border-radius: 1px;">
+        <div class="col-md-2 col-sm-6 my-12 mx-auto p-relative bg-white shadow-1 blue-hover mycard mycard" style="width: 360px; overflow: hidden; border-radius: 1px;">
                 <img src="./img/helios1101.jpg" class="d-block w-full">
                     <div class="card-body">
                             <h5 class="card-title text-center">Harshit Singh</h5>
@@ -58,7 +58,7 @@ <h6 class="text-center">(Collaborator)</h6>
                 </div>
     </div>
 
-        <div class="col-md-2 my-12 mx-auto p-relative bg-white shadow-1 blue-hover mycard mycard" style="width: 360px; overflow: hidden; border-radius: 1px;">
+        <div class="col-md-2 col-sm-6 my-12 mx-auto p-relative bg-white shadow-1 blue-hover mycard mycard" style="width: 360px; overflow: hidden; border-radius: 1px;">
                 <img src="img/greyhatlinux.jpg" class="d-block w-full">
                     <div class="card-body">
                             <h5 class="card-title text-center">Vishal Gorai</h5>
diff --git a/Task1/style.css b/Task1/style.css
index 6bcfbb7a..2895b4ac 100644
--- a/Task1/style.css
+++ b/Task1/style.css
@@ -87,4 +87,42 @@ body::after {
 .row {
   margin-left: 0px;
   margin-right: 0px;
+}
+
+/* ****************** Responsive Styles ********************** */
+@media (max-width: 1200px) {
+  .fa-3x {
+    font-size: 1.5em;
+  }
+  .card-body {
+    padding: 0.8rem;
+  }
+  .card-title {
+    font-size: 1.0rem;
+  }
+  h6 {
+    font-size: 0.8rem;
+  }
+}
+
+@media (max-width: 767px) {
+  .row {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+
+@media (max-width: 550px) {
+  .footer-block {
+    margin: 0.5rem auto;
+  }
+  .w-full {
+    height: auto;
+  }
+}
+
+@media (max-width: 425px) {
+  .card-title {
+    font-size: 1.5rem;
+  }
 }
\ No newline at end of file