Layouts

Groundhog offers different layout types:

Sidebar and contents

Sidebar and Contents

Sidebar and contents like you see it on the components page. Sidebar hides on smaller screens.

See it in action

Standard islands

Standard Islands

Standard islands. Responsive flex containers that organise themselves next to each other should space be available.

See it in action

Nested Islands

Nested Islands

Islands can be nested to allow for more flexible layouts

See it in action

Main and aside

Columns

This layout allows to separate the content in main and aside.

See it in action

Sidebar, main and aside

Columns

This layout allows to separate the content in main and aside, additionally it provides a sidebar.

See it in action

Content layout - Columns

Columns

Columns allow to structure the content in two or 3 columns.

See it in action