diff --git a/assets/jesse-hart.jpg b/assets/jesse-hart.jpg new file mode 100644 index 0000000..70d87b1 Binary files /dev/null and b/assets/jesse-hart.jpg differ diff --git a/index.php b/index.php index b4aaac5..e09a9f2 100644 --- a/index.php +++ b/index.php @@ -201,14 +201,23 @@ $siteUrl = rtrim(SITE_URL, '/');
-
-

Live Music

-

Some nights, there's music.

-
-

The Old Fitz brings in local musicians for live sets on select evenings — recent nights have featured artists like Casey Morris. There's no fixed weekly lineup here, so the surest way to catch a show is to follow along on Facebook or Instagram, where new dates get posted first.

-
- Follow on Facebook - Follow on Instagram + +
+
+ Jesse Hart performing live acoustic music +
+ +
+
+

Live Music

+

Some nights, there's music.

+
+

The Old Fitz brings in live acoustic sets on select evenings, featuring resident musician Jesse Hart alongside guest performers. Because dates are announced as they are booked, the best way to catch an upcoming set is to follow along on Facebook or Instagram, where new dates get posted first.

+ +
diff --git a/styles.css b/styles.css index 2d66fc9..6c3ce82 100644 --- a/styles.css +++ b/styles.css @@ -740,8 +740,41 @@ text-align: center; } + .music-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 3.5rem; + align-items: center; + text-align: left; + margin-top: 1.5rem; + } + + .music-content { + display: flex; + flex-direction: column; + align-items: flex-start; + } + + .music-photo-wrap { + position: relative; + border-radius: 0.25rem; + overflow: hidden; + border: 1px solid rgba(201, 163, 92, 0.35); + box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.45); + } + + .music-photo { + width: 100%; + height: auto; + display: block; + object-fit: cover; + aspect-ratio: 4 / 3; + object-position: center top; + } + .music .section-head { - margin-bottom: 1.75rem; + margin-bottom: 1.5rem; + text-align: left; } .music .section-head .eyebrow { @@ -750,9 +783,10 @@ .music p.body { max-width: 58ch; - margin: 0 auto; + margin: 0; font-size: 1.02rem; color: #e4ddc9; + line-height: 1.65; } .music .btn-outline { @@ -760,7 +794,28 @@ } .music .hero-ctas { - margin-top: 2.25rem; + margin-top: 2rem; + justify-content: flex-start; + } + + @media (max-width: 50em) { + .music-grid { + grid-template-columns: 1fr; + gap: 2.5rem; + text-align: center; + } + + .music-content { + align-items: center; + } + + .music .section-head { + text-align: center; + } + + .music .hero-ctas { + justify-content: center; + } } /* menu band */