initial commit

assets/sass/gallery.scss

@@ -0,0 +1,48 @@
+.gallery {
+    // display: flex;
+    // flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-column-gap: 1rem;
+}
+.gallery__side {
+    grid-column-start: 1;
+    grid-column-end: 3;
+}
+
+.gallery__items-container {
+    grid-column-start: 3;
+    grid-column-end: 13;
+}
+
+.gallery__items {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+
+    grid-gap: 1rem;
+}
+.gallery__item {
+    aspect-ratio: 1;
+    // $size: 25rem;
+    // width: $size;
+    // height: $size;
+    img {
+        width: 0;
+        height: 0;
+        min-height: 100%;
+        min-width: 100%;
+        display: block;
+        object-fit: cover;
+    }
+}
+
+.gallery__nextprev {
+    display: flex;
+    justify-content: space-between;
+}
+
+@media (max-width: $md-breakpoint) {
+    .gallery {
+        display: block; 
+    }
+}