Introduction
Welcome to our documentation. This page demonstrates a fluid, accessible two‑pane layout that stacks on phones and sits side‑by‑side on larger screens. No horizontal overflow occurs at 360px, 768px, or 1440px viewport widths.
Installation
To install, download the package and include it in your project. No external dependencies are required. See the quick start guide below.
Usage
Use the DocsLayout component with plain HTML and CSS. The layout adapts fluidly – no media query breakpoints needed for the stacking behaviour beyond one simple rule.
API Reference
The container #docs-layout uses Flexbox. Sidebar and content panes are sized with relative units. Full documentation for all options is listed below.
Frequently Asked Questions
Q: Does this layout work offline? A: Yes, all resources are inlined. Q: How do I customise the colours? A: Override the CSS variables or directly style the elements.