cssTailwind CSSintermediate
Responsive CSS Grid with MinMax
Fluid responsive auto-fit grid layout without media queries
By ApeType Staff·14 lines·295 characters·1,420 total attempts
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
padding: 2rem;
align-items: stretch;
}
.card-grid > article {
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0.75rem;
}
TRANSCRIBE
Ready when you are.
Test your muscle memory and transcription speed against this exact snippet.
Start Typing
Tip: Press Esc anytime to restart
Best runs on this snippet
| # | Typist | Acc | WPM |
|---|---|---|---|
| 1 | Bereket Kinfe | 96.33% | 42 |