From a06a7e8f23bfd64565da4e4141f186180e84a104 Mon Sep 17 00:00:00 2001 From: Dylan Bolger Date: Mon, 17 Aug 2026 16:58:04 -0500 Subject: initial push of photoblog --- app/static/index.css | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++ app/static/styles.css | 3 +++ 2 files changed, 58 insertions(+) create mode 100644 app/static/index.css create mode 100644 app/static/styles.css (limited to 'app/static') 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 diff --git a/app/static/styles.css b/app/static/styles.css new file mode 100644 index 0000000..8dfb832 --- /dev/null +++ b/app/static/styles.css @@ -0,0 +1,3 @@ +* { + color: red; +} \ No newline at end of file -- cgit v1.2.3