diff --git a/assets/css/index.css b/assets/css/index.css
index 2dccd51..c43fc1b 100644
--- a/assets/css/index.css
+++ b/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;
+  }
 }
diff --git a/layouts/index.html b/layouts/index.html
index 951ae57..bb81026 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -3,10 +3,10 @@
 
     <link rel="stylesheet" href="{{ $styles.Permalink }}" />
 {{ end }}
-
 {{ define "main" }}
-    <h2>Projects</h2>
-    <section id="projects">
+    <section>
+        <h2>Projects</h2>
+        <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>
 
-    <h2>Contact</h2>
-    <p>Here you can contact me personally for any questions or opportunities.</p>
-    
-    {{ partial "contact-form.html" . }}
-{{ end }}
\ No newline at end of file
+    <section>
+        <h2>Contact</h2>
+        <p>Here you can contact me personally for any questions or opportunities.</p>
+
+        {{ partial "contact-form.html" . }}
+    </section>
+{{ end }}