Update styles.css added margin underneath closed collapsible button

RaspberryPiFoundation · Nov 20, 2024 · ef3af8e · ef3af8e
1 parent 64fb26f
commit ef3af8e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -239,6 +239,11 @@ details summary:hover {
     background-color: #232E9B;
 }
 
+/* Add spacing between the closed button and the next content */
+details:not([open]) {
+    margin-bottom: 20px; /* Adds spacing when content is hidden */
+}
+
 /* Collapsible Content */
 details .content {
     background-color: #E7F8F7;