Initial commit

resources/js/pages/Gallery/Gallery.module.css

@@ -0,0 +1,62 @@
+.bg {
+    padding-top: 65px;
+    background: rgb(232,97,39);
+    background: linear-gradient(180deg, #0077ad 0%, #242422 40%);
+    background-position: center;
+    background-size: cover;
+}
+
+.logo {
+    margin-top: 20px;
+    width: 90%;
+    max-width: 650px;
+}
+
+.main h2 {
+    text-align: center;
+    font-weight: 400;
+    font-size: 4.5rem;
+    margin: 30px 0;
+}
+
+.container {
+    min-height: 100vh;
+    max-width: 1200px;
+    margin: 0 auto 50px auto;
+    padding: 0 30px;
+    line-height: 0;
+    column-count: 3;
+    column-gap: 20px;  
+}
+
+.image {
+    position: relative;
+    margin: 10px 0;
+    border-radius: 15px;
+    width: 100%;
+    height: auto;
+}
+
+@media (max-width: 915px) {
+    .container {
+        column-count: 2;
+    }
+
+    .main h2 {
+        font-size: 3rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .bg {
+      background: linear-gradient(180deg, #0077ad 0%, #242422 50%);
+    }
+
+    .container {
+        column-count: 1;
+    }
+
+    .main h2 {
+        font-size: 2.4rem;
+    }
+}