Grid

Optional Bootstrap-style 12-column grid for layout. Import separately if you need it.

Import

@import "@signicat/catnip-css";
@import "@signicat/catnip-css/grid";

Usage

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6 col-lg-4">Column 1</div>
    <div class="col-12 col-md-6 col-lg-4">Column 2</div>
    <div class="col-12 col-md-6 col-lg-4">Column 3</div>
  </div>
</div>

• container — Centered container with max-width
• row — Flex row with negative margin for gutters
• col-{n} — Column width (1–12)
• col-{breakpoint}-{n} — Responsive: sm, md, lg, xl, xxl

Standard Bootstrap grid classes. Use with Catnip spacing for consistent gutters.