Splendid layouts

Astro
Svelte
Layouts
Styles
Utils

07grid Flex
00summary

01getting Started

Introduction
Installation
Philosophy

02guides

Using Tailwind
CSS Variables
Responsive Layouts
Not using Tailwind

03shell Layouts

Shell Simple
02features
03guide
04css
05api
Shell Grid
02features
03guide
04css
05api

04macro Layouts

05micro Layouts

06positioning

Position
01features
02guide
03css
04api
Edge
01features
02guide
03css
04api
Fixed
01features
02guide
03css
04api
Nudge
01features
02guide
03css
04api
Sticky
01features
02guide
03css
04api

01getting Started

Introduction
Installation
Philosophy

02guides

Using Tailwind
CSS Variables
Responsive Layouts
Not using Tailwind

03shell Layouts

Shell Simple
02features
03guide
04css
05api
Shell Grid
02features
03guide
04css
05api

04macro Layouts

05micro Layouts

06positioning

Position
01features
02guide
03css
04api
Edge
01features
02guide
03css
04api
Fixed
01features
02guide
03css
04api
Nudge
01features
02guide
03css
04api
Sticky
01features
02guide
03css
04api

Grid Flex

grid-flex uses Flexbox to create a multi-column layout.

Previous 04api Next 01features

Hope you had fun reading this. Have a great rest of your Monday!

© Splendid Labz