Firstly this is an amazing tool, thank you so much for making it :)

This is more of a feature request, and I appreciate that using the IE syntax for grid isn't always the best way to go / a viable solution. However, may be nice to have the option to generate the code for this, as sometimes autoprefixer doesn't quite do the job. Maybe this would be off by default and be an option that could be t

Background:
I'm trying to swap the order of columns between breakpoints, using the method on the docs page under section "Normal flow with ordering (first / last) (can be based on MQ keys)"

Reproduce:
In that section, when you add a size to the column it is breaking the swapped order.

Just change <div class="col_md-first">...</div> to

`

What:

Attaching a ref to Composition results in a warning:

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Why:

Composition does not use React.forwardRef

• atomic-layout version: ^0.13.0-alpha.2

Seeing as there is a CSS-only toggle option for the Nav Dropdown I was wondering why there is no such option for the Header Button/Header Nav. Shouldn't the s

Did you think that is relevant a "onLayoutComplete" hook?

Add support for the + icon in Chrome's URL bar to allow the docs to be installed as an offline PWA. Similar to how Gatsby's docs allow for this.

Will possibly also need icons made up?