Remove padding from .figure

Added clamp to make the gap responsive
martinlschumann · Dec 19, 2024 · e3fe203 · e3fe203
1 parent e9f52e1
commit e3fe203
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -6,11 +6,15 @@ styles: true
 .image-container {
     display: grid;                /* Use grid layout */
     grid-template-columns: repeat(2, 1fr); /* Two equal-width columns */
-    gap: 20px;                    /* Add spacing between rows and columns */
+    gap: clamp(5px, 2vw, 15px);;                    /* Add spacing between rows and columns */
     margin: 0;                    /* Remove default margin */
     padding: 0;                   /* Remove default padding */
 }
 
+.figure {
+  margin: 0;
+}
+
 .image {
     width: 100%;
     height: auto