danabra.mov
an app to share curated trails
sidetrail.app
atproto
nextjs
react
rsc
1.HomeTrailsList-grid {
2 max-width: 800px;
3 margin: 0 auto;
4 column-count: 2;
5 column-gap: 1.5rem;
6 padding: 0 1rem;
7 min-height: 1px;
8}
9
10.HomeTrailsList-grid > * {
11 break-inside: avoid;
12 padding-bottom: 1.5rem;
13}
14
15@media (max-width: 768px) {
16 .HomeTrailsList-grid {
17 column-count: unset;
18 display: flex;
19 flex-direction: column;
20 }
21
22 .HomeTrailsList-grid > * {
23 order: var(--original-index);
24 }
25}