Skip to content

Commit ed5a73e

Browse files
authored
Add fallback styles for browsers not yet supporting CSS grid-lanes (#620)
1 parent 350ac36 commit ed5a73e

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

src/pages/guides/index.astro

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,12 +37,14 @@ const { generalGuides, guidesByState } = await getGuidesByState();
3737
<style>
3838
.guides {
3939
padding-block-end: var(--space-2xl);
40+
display: flex;
41+
flex-direction: column;
42+
gap: var(--space-2xl);
4043

4144
@supports (display: grid-lanes) {
4245
display: grid-lanes;
43-
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
46+
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
4447
flow-tolerance: 1em;
45-
gap: var(--space-2xl);
4648
}
4749
}
4850
</style>

0 commit comments

Comments
 (0)