feat(home): better display of sections

2 files changed, 14 insertions, 6 deletions

diff --git a/backend/templates/home.html b/backend/templates/home.html
index d5dbb28..d574525 100644
--- a/backend/templates/home.html
+++ b/backend/templates/home.html
@@ -4,12 +4,14 @@
     <h1>{{ .Name }}</h1>
     <p>{{ .PageDescription }}</p>
   </div>
-  {{ range .Sections }}
-  <div>
-    <h2>{{ .Name }}</h2>
-    <p>{{ .Description }}</p>
-    {{ template "section_display" . }}
+  <div class="sections">
+    {{ range .Sections }}
+    <section>
+      <h2>{{ .Name }}</h2>
+      <p>{{ .Description }}</p>
+      {{ template "section_display" . }}
+    </section>
+    {{ end }}
   </div>
-  {{ end }}
 </main>
 {{end}}
diff --git a/frontend/scss/home.scss b/frontend/scss/home.scss
index 6fa4192..075896e 100644
--- a/frontend/scss/home.scss
+++ b/frontend/scss/home.scss
@@ -2,6 +2,12 @@
   margin: var(--margin-header) 0;
 }
 
+.sections {
+  display: flex;
+  flex-direction: column;
+  gap: calc(1.5 * var(--margin-header));
+}
+
 article article {
   margin-bottom: var(--margin-header);
   &:last-child {