Tune lobby header: 2x2 suit grid, mobile spacing, tighter row gap

- Rearrange golf ball SVG suits from single row to 2x2 grid
- Add even spacing between logo, golfer, and title in mobile view
- Remove row-gap between logo row and title row in landscape view

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-02-24 00:35:25 -05:00
parent 26778e4b02
commit baa471307e
2 changed files with 13 additions and 6 deletions

View File

@@ -107,7 +107,7 @@ body {
grid-template-columns: auto;
justify-items: start;
text-align: left;
row-gap: 2px;
row-gap: 0;
}
.logo-row {
@@ -134,6 +134,13 @@ body {
.golf-title {
display: inline;
}
.golfball-logo {
margin-right: 6px;
}
.golfer-swing {
margin-left: 0;
margin-right: 10px;
}
}
/* Golfer swing animation */