main {
display: flex;
flex-flow: row wrap;
gap: 1rem;
max-height: 80vh;
overflow: scroll;
}
article {
flex: 0 0 auto;
width: clamp(14rem, 25vw, 22rem);
}
main {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
grid-template-rows: auto;
gap: 1rem;
}
main {
display: grid-lanes;
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
gap: 1rem;
}
main {
display: grid-lanes;
grid-template-rows: repeat(4, 1fr);
gap: 0.75rem;
overflow-x: scroll;
}
main {
display: grid-lanes;
grid-template-rows: repeat(4, 1fr);
gap: 0.75rem;
overflow: scroll;
}
main {
display: grid-lanes;
grid-template-rows: repeat(4, 1fr);
gap: 0.75rem;
overflow: scroll;
}
