initial push of photoblog

1 files changed, 55 insertions, 0 deletions

diff --git a/app/static/index.css b/app/static/index.css
new file mode 100644
index 0000000..25367be
--- /dev/null
+++ b/app/static/index.css
@@ -0,0 +1,55 @@
+* {
+    box-sizing: content-box;
+    font-family: 'Source Code Pro';
+}
+
+.container {
+    margin: 0 auto;
+}
+
+header {
+    text-align: center;
+    margin-bottom: 3rem;
+}
+
+.gallery {
+    padding-top: 20px;
+    column-count: 1;
+    column-gap: 1.25rem;
+    width: 100%;
+}
+
+@media (min-width: 640px) {
+    .gallery {
+        column-count: 2;
+    }
+}
+
+@media (min-width: 1024px) {
+    .gallery {
+        column-count: 3;
+    }
+}
+
+@media (min-width: 1280px) {
+    .gallery {
+        column-count: 4;
+    }
+}
+
+.gallery-item {
+    border-radius: 12px;
+    overflow: hidden;
+    margin-bottom: 1.25rem;
+    break-inside: avoid;
+    display: inline-block;
+    width: 100%;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.gallery-item img {
+    display: block;
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+}
\ No newline at end of file