FREE CSS COMPONENT

Responsive Grid

Use CSS Grid for two-dimensional layouts and let the minimum card width control the breakpoint naturally.

Live preview

HTML

<div class="demo-grid"><article>One</article><article>Two</article><article>Three</article></div>

CSS

.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.demo-grid > *{min-height:80px;border:1px solid #ddd;background:#fafafa}