Copy-first script

CSS3 Card Grid System

CSS-grid for responsive kortvisning.

CSS3 10 minutter Nivå 4/10 Copy Versjon 1.0

Forutsetninger

CSS3

Relevant for forsidekort og innholdslister.

Klar til bruk

Kodevindu

Koden er optimalisert for rask kopiering og videre tilpasning i eget prosjekt.

CSS3 10 linjer 245 tegn Copy-modus

Marker alt Kopier kode

.wo-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
}
.wo-card {
  border: 1px solid var(--wo-card-border, #d9dce3);
  border-radius: var(--wo-card-radius, 16px);
  overflow: hidden;
}