Entwicklerportal
CodeGewölbe
Kostenlose Sammlung für Entwickler, Admins und Website-Betreiber: Snippets, VelinStyle-Komponenten, VelinScript-Automationen und Security-Rezepte — copy-paste-fertig.
Card Grid Layout
Was bekomme ich?
HTML
CSS
Responsives Kartenraster mit Utility-Klassen.
Fortgeschritten
5 Min.
Vorschau
ABC
Code
<div class="velin-card-grid">
<article class="velin-card velin-p-3">Karte A</article>
<article class="velin-card velin-p-3">Karte B</article>
<article class="velin-card velin-p-3">Karte C</article>
</div>
.velin-card-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}