Add spacing between stacked section items

partials/awards.hbs

@@ -1,9 +1,9 @@
 {{#if resume.awards.length}}
   <section id="awards">
     <h3>Awards</h3>
-    <div>
+    <div class="stack">
       {{#each resume.awards}}
-        <div>
+        <article>
           <div class="spaced-list">
             <h4>{{title}}</h4>
             {{#date}}
@@ -20,7 +20,7 @@
           {{#summary}}
             <p>{{.}}</p>
           {{/summary}}
-        </div>
+        </article>
       {{/each}}
     </div>
   </section>

partials/education.hbs

@@ -1,9 +1,9 @@
 {{#if resume.education.length}}
   <section id="education">
     <h3>Education</h3>
-    <div>
+    <div class="stack">
       {{#each resume.education}}
-        <div>
+        <article>
           <div class="spaced-list">
             <h4>{{institution}}</h4>
             <span>
@@ -30,7 +30,7 @@
               {{/courses}}
             </ul>
           {{/if}}
-        </div>
+        </article>
       {{/each}}
     </div>
   </section>

partials/projects.hbs

@@ -1,9 +1,9 @@
 {{#if resume.projects.length}}
   <section id="projects">
     <h3>Projects</h3>
-    <div>
+    <div class="stack">
       {{#each resume.projects}}
-        <div>
+        <article>
           <div class="spaced-list">
             <h4>{{name}}</h4>
             <span>
@@ -33,7 +33,7 @@
               {{/highlights}}
             </ul>
           {{/if}}
-        </div>
+        </article>
       {{/each}}
     </div>
   </section>

partials/publications.hbs

@@ -1,9 +1,9 @@
 {{#if resume.publications.length}}
   <section id="publications">
     <h3>Publications</h3>
-    <div>
+    <div class="stack">
       {{#each resume.publications}}
-        <div>
+        <article>
           <div class="spaced-list">
             <h4>{{name}}</h4>
             {{#releaseDate}}
@@ -23,7 +23,7 @@
           {{#summary}}
             <p>{{.}}</p>
           {{/summary}}
-        </div>
+        </article>
       {{/each}}
     </div>
   </section>

partials/references.hbs

@@ -1,7 +1,7 @@
 {{#if resume.references.length}}
   <section id="references">
     <h3>References</h3>
-    <div>
+    <div class="stack">
       {{#each resume.references}}
         {{#if reference}}
           <blockquote>

partials/volunteer.hbs

@@ -1,9 +1,9 @@
 {{#if resume.volunteer.length}}
   <section id="volunteer">
     <h3>Volunteer</h3>
-    <div>
+    <div class="stack">
       {{#each resume.volunteer}}
-        <div>
+        <article>
           <div class="spaced-list">
             <h4>{{organization}}</h4>
             <span>
@@ -30,7 +30,7 @@
               {{/highlights}}
             </ul>
           {{/if}}
-        </div>
+        </article>
       {{/each}}
     </div>
   </section>

partials/work.hbs

@@ -1,9 +1,9 @@
 {{#if resume.work.length}}
   <section id="work">
     <h3>Work</h3>
-    <div>
+    <div class="stack">
       {{#each resume.work}}
-        <div>
+        <article>
           <div class="spaced-list">
             <h4>{{name}}</h4>
             <span>
@@ -30,7 +30,7 @@
               {{/highlights}}
             </ul>
           {{/if}}
-        </div>
+        </article>
       {{/each}}
     </div>
   </section>

style.css

@@ -153,6 +153,11 @@ section {
   grid-column: main;
 }
 
+.stack {
+  display: grid;
+  gap: 1.5em;
+}
+
 .grid-list {
   display: grid;
   gap: 1em;