Fancybox gallery

sass/_gallery.scss

@@ -0,0 +1,17 @@
+.gallery {
+	h1 {
+		margin-bottom: 0;
+	}
+	.subtitle {
+		font-weight: bold;
+		font-size: 1.2em;
+		margin-bottom: 1em;
+	}
+}
+
+.gallery.grid {
+	img {
+		display: block;
+		border-radius: .5em;
+	}
+}

sass/_grid.scss

@@ -11,3 +11,9 @@
 
 .gap-2 { gap: 2em }
 .gap-3 { gap: 3em }
+
+@media only screen and (max-width: $width-mobile) {
+	.grid-mobile-1 { grid-template-columns: 1fr }
+	.grid-mobile-2 { grid-template-columns: 1fr 1fr }
+	.grid-mobile-3 { grid-template-columns: 1fr 1fr 1fr }
+}

sass/style.scss

@@ -2,6 +2,7 @@
 @import "fonts";
 @import "grid";
 @import "personnel";
+@import "gallery";
 
 * {
 	box-sizing: border-box;