Skip to content

Commit c2916a4

Browse files
committed
Render with Flexbox, add windshield background
1 parent 5fac474 commit c2916a4

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

app/assets/stylesheets/splats.css

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,13 @@
33
}
44

55
.windshield {
6-
display: grid;
7-
grid-template-columns: repeat(auto-fit, minmax(15vw, 1fr));
8-
justify-items: center;
6+
background-color: var(--color-subtle);
7+
border-radius: 2em;
8+
display: flex;
9+
flex-wrap: wrap;
10+
justify-content: center;
11+
margin-block: clamp(var(--block-space), 3%, calc(var(--block-space) * 2));
12+
padding-inline: clamp(var(--inline-space), 5%, calc(var(--inline-space) * 3));
913

1014
> * {
1115
flex-shrink: 1;

0 commit comments

Comments
 (0)