# UX4G Layout

Layout primitives for building responsive government interfaces: container, grid system, and flex/grid utilities.

## Container

Use `ux4g-container` to center content and manage page width.

```html
<div class="ux4g-container">
  <!-- page content -->
</div>
```

## Grid system

UX4G provides a responsive grid. Combine `ux4g-grid`, row, and column classes.

```html
<div class="ux4g-grid">
  <div class="ux4g-col-12 ux4g-col-md-6">Column 1</div>
  <div class="ux4g-col-12 ux4g-col-md-6">Column 2</div>
</div>
```

## Flex/Grid layout utilities

For simpler alignments, use utility classes such as `ux4g-d-flex`, `ux4g-jc-center`, `ux4g-ai-center`, `ux4g-gap-m`.