StealThis .dev

Level Layout

Horizontal alignment layout that evenly spaces items or pushes them to edges with left, center, and right slots, stacking responsively on mobile.

Відкрити в Lab
css javascript svelte vue
Цілі: TS JS HTML React Svelte Vue

Код

Level Layout

Horizontal alignment layout inspired by Bulma’s level component — items are evenly spaced or pushed to the edges using flexbox.

Features

  • Left, center, and right slot areas
  • Items evenly spaced with justify-content: space-between
  • Responsive stacking on mobile viewports
  • Works with any content: text, buttons, stats, badges
  • Dark theme styling