#Designing with Cirrus
Using a new framework can be slightly overwhelming, so this section is to help point out common areas in the documentation to help you get up to speed.
Spacing is an important part of designing a page not just with Cirrus, but in general. This can be accomplished by following some hierarchy for a layout, such as
section HTML tag semantically spearates the content on the page, the
content class adds the needed spacing, and the
row class can be used to position the child elements.
<div class="col">Child 1</div>
<div class="col">Child 2</div>
More info can be found in the Spacing docs.
If you are looking to tile elements in a specific form, then I recommend getting started with the following two pages.
With some layout styles in place, now you specify a header and footer.
This pretty much sums up the few pages that would help getting a base layout up and running. You can find more styles to modify the layout under Layout or Utilities.
There are lots of components that already come with the framework. I do not have any specific recommendations other than to pick the ones you want to use. Each page has plenty of examples to cover many possible use cases.