fix: overflowing contents

README.md

@@ -20,3 +20,10 @@ npm run build
 ```
 npm run lint
 ```
+
+## Deploying
+```sh
+sshfs -p <port> user@host:/www/rohanverma.net host_server
+cp -r dist/* host_server
+fusermount -u host_server
+```

src/assets/css/style.css

@@ -1,5 +1,6 @@
 .v-card{
-    border-radius: 0px;
+	border-radius: 0px;
+	margin: 5px;
 }
 
 .card_heading{

src/components/MainPage.vue

@@ -2,23 +2,14 @@
   <div class="container">
     <div class="row">
       <div class="five columns">
-        <div class="row">
-          <div class="columns">
+
         <contact-card></contact-card>
-          </div>
-        </div>
-        <div class="row">
-          <div class="columns">
-            <profile-list></profile-list>
-          </div>
-        </div>
+
+        <profile-list></profile-list>
+
       </div>
       <div class="seven columns">
-        <div class="row">
-          <div class="columns">
             <project-list></project-list>
-          </div>
-        </div>
       </div>
     </div>
   </div>