Introduction
Splendid Layouts is a library designed to help you create layouts easily.
There are four kinds of layouts in this library:
shellmacromicropositioning
Shell Layouts
shell layouts are used to create shell of the website or application. These create the site’s header, footer, and sidebars.
Examples of Shell Layouts
Basic holy-grail with header, content, and footer.
Holy-grail layout with header, content, footer, and sidebars.
Macro Layouts
Macro Layouts are used to create the general structure of the site. The classes here take you beyond 12-columns to create flexible layouts which can include Masonry and even subgrids.
Examples of Macro Layouts
Creates a CSS Grid with any number of columns.
Creates a masonry grid with items of uneven height and width.
Micro Layouts
Micro layouts are used within components. They help you arrange content, create sections, and divide things up for clear visual hierarchy.
Examples of Micro Layouts
Arrange items in a vertical manner.
Allow items to flow from one line to another.
Positioning layouts
These make positioning elements in corners, edges, fixed, or even sticky easier than trying to find the correct CSS properties in your head.
Examples of Positioning Layouts
Position your element on any side or corner.
Put your element on any edge — even in the corners