{
CF
}
Code
Fronts
Back to CSS Grid Layouts
RAM Auto-Fit
Pure CSS
Edit any tab — preview updates live
CSS
HTML
Reset
Copy
.gl-ram { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 6px; width: 100%; max-width: 340px; font-family: monospace; font-size: 11px; color: #a78bfa; } .gl-ram > div { background: rgba(124,108,255,0.14); border: 1px solid rgba(124,108,255,0.3); border-radius: 6px; padding: 14px 10px; text-align: center; }
<div class="gl-ram"> <div>Auto-fit</div><div>Minmax</div><div>110px</div><div>min</div> <div>1fr</div><div>max</div><div>No JS</div><div>No queries</div> </div>
Live preview
Ready