webawesome/docs/docs/layout.md

title, description, layout, categories

title	description	layout	categories
Layout	Browse Web Awesome's components and utilities for creating responsive web layouts.	page-outline	components utilities

<style> wa-page > main { max-width: 120ch; margin-inline: auto; } .index-grid wa-card::part(header) { background-color: var(--wa-color-neutral-fill-quiet); border-bottom: none; } wa-card .component-name, wa-card .page-name { font-size: var(--wa-font-size-s); font-weight: var(--wa-font-weight-action); } </style>

Layout components and utility classes help you organize content that can adapt to any device or screen size. Browse the collection of responsive layout tools included in Web Awesome Pro.

{% set allPages = collections.layout %} {% include "grouped-pages.njk" %}