More styles adjustments

assets/css/index.css

@@ -7,8 +7,16 @@ main p {
   margin-bottom: 3rem;
 }
 
+section {
+  margin-bottom: 5rem;
+}
+
 @media only screen and (max-width: 1024px) {
   main h2 {
     font-size: 1.75rem;
   }
+
+  section {
+    margin-bottom: 2rem;
+  }
 }

layouts/index.html

@@ -3,10 +3,10 @@
 
     <link rel="stylesheet" href="{{ $styles.Permalink }}" />
 {{ end }}
-
 {{ define "main" }}
+    <section>
         <h2>Projects</h2>
-    <section id="projects">
+        <p>These are all the projects I worked on personally and professionally.</p>
         {{ range (where .Site.Pages "Section" "projects") }}
             {{ range .Pages }}
                 {{ partial "project-card.html" . }}
@@ -14,8 +14,10 @@
         {{ end }}
     </section>
 
+    <section>
         <h2>Contact</h2>
         <p>Here you can contact me personally for any questions or opportunities.</p>
 
         {{ partial "contact-form.html" . }}
+    </section>
 {{ end }}