CSS#css#layout
Responsive card grid
Auto-fitting card grid that needs no media queries.
1.card-grid {
2 display: grid;
3 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
4 gap: 1rem;
5}
6
7.card {
8 background: #141416;
9 border: 1px solid #2a2a2e;
10 border-radius: 12px;
11 padding: 1rem;
12}
13
README.md
Responsive card grid
auto-fill + minmax gives a fully fluid grid — cards wrap to as many
columns as fit, with no breakpoints required.