CSS: two-column

div[class~="instui-two-column"] — Tví dálka uppsetning með vinstri og hægri efnissvæðum.

✅ Notaðu Two-Column þegar:

• Þú átt tvö efnissvæði sem eru að mestu jafn mikilvæg

• Til að bera saman eða greina á milli tveggja efnisröða hlið við hlið

• Þegar þú byggir svörunaraðlagaða uppsetningu sem raðar dálkum ofan á hvor annan í farsímum 🚫 Notaðu ekki Two-Column þegar:

• Annar dálkur stjórnar síðu — notaðu ósamhverfa uppsetningu í staðinn

• Efnið nýtist ekki af því að vera sýnt hlið við hlið

Aðgengi

• Gakktu úr skugga um að báðir dálkar séu skynjanlegir og nothæfir á þröngum skjástærðum
• Notaðu merkingarlegar landamerkjur (t.d., <section>) til að umlykja dálkaefni
• Viðhalda nægjanlegu rými og andstæðum milli dálka

Notkun

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

Dæmi

Hlutar

Hluti	Lýsing
.instui-divider	Valfrjáls sjónrænn skilari milli dálka.
.instui-left	Innihald vinstri dálks.
.instui-right	Innihald hægri dálks.

Stöður

Staða	Lýsing
:optional	—

Skilyrði

Tegund	Fyrirspurn	Lýsing
media	(max-width: 768px)	—

Notuð tákn

Token	Tegund	Gildi
--instui-color-border	—	—
--instui-space-large	—	—
--instui-space-medium	—	—

Tengdar

• page-layout