![Exlement Logo](/assets/imgs/express_element-logo.jpeg)
# Layouts

## Table of Contents

1. [Core Concepts](core-concepts.md)
2. [Components](components.md)
3. [Layouts](layouts.md)
6. [API Reference](api-reference.md)

Learn how to create responsive layouts using Exlement:

1. Using `<page-layout>`
   - Basic usage
   - Column configuration
   - Responsive behavior

2. Two-column layout
   - Example implementation
   - Customization options

3. Card layouts
   - Using `<page-card-layout>`
   - Configuring card sizes and spacing

4. Responsive grids
   - Creating grid-based layouts
   - Adjusting grids for different screen sizes

5. Nested layouts
   - Combining different layout components
   - Best practices for complex layouts

6. Flexbox integration
   - How Exlement uses flexbox
   - Custom flexbox configurations

7. CSS Grid integration
   - Using CSS Grid with Exlement components
   - Creating advanced grid layouts

8. Full-page layouts
   - Implementing full-height designs
   - Handling overflow and scrolling