From 37feb8732518db40a2e9a72cf8e5a979a04fca65 Mon Sep 17 00:00:00 2001
From: Aayush <aayush7901@gmail.com>
Date: Sun, 28 Jun 2020 20:40:11 +0530
Subject: [PATCH 1/2] add my card

---
 index.html | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index f93ee0a..003b311 100644
--- a/index.html
+++ b/index.html
@@ -161,10 +161,6 @@ <h2>Rupesh Kr</h2>
                 </div>
             </div>
         </div>
-
-    </div>
-    <div class="row">
-
         <div class="column">
             <div class="card">
                 <img src="images/Sarthak.jpg" alt="Mike" style="width:100%">
@@ -177,7 +173,18 @@ <h2>Sarthak Garg</h2>
                 </div>
             </div>
         </div>
-
+        <div class="column">
+          <div class="card">
+              <img src="images/Aayush.jpg" alt="Aayush" style="width:100%">
+              <div class="container">
+              <h2>Aayush Sharma</h2>
+              <p class="title">Student</p>
+              <p>Work hard Play hard.</p>
+              <p>aayush7901@gmail.com</p>
+              <p><a href="https://www.facebook.com/aayushn.sharma" target="_blank"><button class="button">Contact</button></a></p>
+              </div>
+          </div>
+      </div>
     </div>
 </body>
 </html>

From f80e31b05b1b83773b7c8892518c7c854ebc343e Mon Sep 17 00:00:00 2001
From: Aayush <aayush7901@gmail.com>
Date: Sun, 28 Jun 2020 20:43:47 +0530
Subject: [PATCH 2/2] solved column issue

---
 main.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/main.css b/main.css
index 294f87e..6f8e34a 100644
--- a/main.css
+++ b/main.css
@@ -1,9 +1,16 @@
 /* Three columns side by side */
 .column {
-    float: left;
-    width: 9%;
-    margin-bottom: 16px;
-    padding: 0 8px;
+  float: left;
+  display: table-cell;
+  margin: 1px;
+  padding: 10px 3px;
+  width: calc( 100% / 10 - 8px);
+  }
+
+  .row{
+    display: table-row;
+    width: 100%;
+    height: 500px;
   }
   
   /* Display the columns below each other instead of side by side on small screens */
@@ -17,6 +24,7 @@
   /* Add some shadows to create a card effect */
   .card {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+    height: 500px;
   }
   
   /* Some left and right padding inside the container */