Add top margin to Letterbird contact form

helenclx · Sep 8, 2024 · 944e21b · 944e21b
1 parent 8aa8fcb
commit 944e21b
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/pages/contact.njk b/src/pages/contact.njk
@@ -10,8 +10,12 @@ eleventyNavigation:
 
 <p>I also welcome feedbacks and suggestions for improving the <a href="/accessibility">accessibility</a> of this website.</p>
 
-<script data-letterbirduser="helenchong" src="https://letterbird.co/embed/v1.js"></script>
-<noscript>
-    <h3>You Have Disabled JavaScript</h3>
-    <p>Looks like you have disabled JavaScript, preventing this contact form from being displayed on this page. You may visit <a href="https://letterbird.co/helenchong">my Letterbird contact form page</a> to contact me.</p>
-</noscript>
+<section class="contact">
+    <script data-letterbirduser="helenchong" src="https://letterbird.co/embed/v1.js"></script>
+    <noscript>
+        <h3>You Have Disabled JavaScript</h3>
+        <p>Looks like you have disabled JavaScript, preventing this contact form from being displayed on this page. You may visit <a href="https://letterbird.co/helenchong">my Letterbird contact form page</a> to contact me.</p>
+    </noscript>
+</section>
+
+{%- css %}.contact { margin-top: 1em; }{% endcss %}