CSS: two-column

div[class~="instui-two-column"] — Konfigirasyon de kolòn ak zòn kontni gòch ak dwat.

✅ Itilize Two-Column lè:

• Ou gen de zòn kontni ki gen enpòtans apeprè egal

• Konpare oswa kontraste de seri kontni bò kote bò

• Konstwi yon layout reponn ki anpile sou mobil 🚫 Pa itilize Two-Column lè:

• Yon kolòn domine paj la — itilize yon layout asimetrik olye

• Kontni an pa benefisye de prezantasyon bò a bò

Aksè

• Asire toude kolòn yo ka wè epi itilize sou fenèt etwat
• Sèvi ak pwen repè semantik (egzanp, <section>) pou anvlòp kontni kolòn yo
• Kenbe ase espas ak kontrast ant kolòn yo

Itilizasyon

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

Pati

Pati	Deskripsyon
.instui-divider	Separatè vizyèl opsyonèl ant kolòn yo.
.instui-left	Zòn kontni kolòn gòch la.
.instui-right	Zòn kontni kolòn dwat la.

Eta

Eta	Deskripsyon
:optional	—

Kondisyon

Tip	Rechèch	Deskripsyon
media	(max-width: 768px)	—

Tokens konsome

Token	Tip	Valè
--instui-color-border	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Ki gen rapò

• page-layout