CSS: two-column

div[class~="instui-two-column"] — To-kolonneoppsett med venstre og høgre innhaldsområde.

✅ Bruk Two-Column når:

• Du har to innhaldsområde med om lag lik betydning

• Sammenlikne eller kontrastere to sett med innhald ved sida av kvarandre

• Lage eit responsivt oppsett som stablar seg på mobil 🚫 Ikkje bruk Two-Column når:

• Éi kolonne dominerer sida — bruk asymmetrisk oppsett i staden

• Innhaldet tener ikkje på side‑ved‑side-presentasjon

Tilgjenge

• Sørg for at begge kolonnene er synlege og brukbare på smale skjermar
• Bruk semantiske landemerke (t.d., <section>) for å omslutte kolonneinnhald
• Oppretthald tilstrekkeleg avstand og kontrast mellom kolonnene

Bruk

@import "@pantoken/plugin-layouts/layouts.css";

Delar

Del	Skildring
.instui-divider	Valfri visuell skilje mellom kolonnene.
.instui-left	Innhaldsområde i venstre kolonne.
.instui-right	Innhaldsområde i høgre kolonne.

Tilstandar

Tilstand	Skildring
:optional	—

Vilkår

Type	Førespurnad	Skildring
media	(max-width: 768px)	—

Token brukt

Token	Type	Verdi
--instui-color-border	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Relatert

• page-layout