Container

Container centers content horizontally and constrains its maximum width, maintaining comfortable reading line lengths and consistent page margins.

Installation

npm install @libretexts/davis-react

Basic Usage

import { Container } from '@libretexts/davis-react';

export default function Example() {
  return (
    <Container>
      <p>This content is centered with a max-width constraint.</p>
    </Container>
  );
}

When to use

• Container — Use to wrap page-level content and constrain its width for readability. Commonly wraps the main content area of a page.