Fix 404 responsiveness

layouts/404.html

@@ -11,7 +11,7 @@
     <img src="/assets/images/404.png" alt="">
     <div class="message">
         <h1>404</h1>
-        <h4>The page you are looking for is not done yet.</h4>
+        <h4>The page you are looking for is not there yet.</h4>
     </div>
 </div>
 {{ end }}

layouts/partials/about.html

@@ -1,6 +1,6 @@
 <div class="container-fluid about bg-white anchor p-md-5 d-flex" id="about">
   <div class="container">
-    <div class="row pt-sm-2 pt-md-5 align-self-center">
+    <div class="row pt-sm-2 pt-md-4 align-self-center">
       <!-- summery -->
       <div class="col-md-6">
         <h3 class="p-1">{{ .Site.Data.about.name }}</h3>
@@ -27,7 +27,7 @@
         >
       </div>
       <!-- soft skills circular-progressbar -->
-      <div class="col-md-6 pt-5 pl-4 pt-md-0">
+      <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
         <div class="row">
           {{ range .Site.Data.about.softSkills }}
             {{ partial "progress/soft-skills" . }}

layouts/partials/home.html

@@ -1,4 +1,3 @@
-<!-- HOME START -->
 <div class="container-fluid home" id="home">
   <div
     class="background container-fluid"
@@ -23,4 +22,3 @@
     <a href="#about"><i class="arrow bounce fa fa-chevron-down"></i></a>
   </div>
 </div>
-<!-- HOME END -->

layouts/partials/skills.html

@@ -1,4 +1,3 @@
-<!-- SKILLS START -->
 <div class="container-fluid skills bg-dimmed anchor pb-5" id="skills">
   <h1 class="text-center">Skills</h1>
 
@@ -10,4 +9,3 @@
     </div>
   </div>
 </div>
-<!-- SKILLS END -->