Sidebar float left style is broken

[leftiness]

The style is float left so that the rest of the divs will be on the right of it. The problem is that any other elements on the page then feel free to align themselves beneath it. See the new "add reservation" textbox.

I remember using float left because the picnic grid system was being a pain??

[leftiness]

Go back to the version of Picnic which is in npm (4.something). The version on Github has a grid class that's not going to be continued. The next-next release (6.something) will merge FlexPoint into Picnic. So just get FlexPoint now.

// main.js
const Picnic = require('picnic/releases/picnic.min.css');
const PicnicPlugins = require('picnic/releases/plugins.min.css');
const Flexpoint = require('flexpoint/flexpoint.min.css');

// Application component
<div>
  <Nav />
  <div
    style={{ padding: '80px 0 0' }}
    className="flex one"
    >
    <SidebarContainer className="full sixth-1000 fifth-1600"/>
    <div className="full two-third-1000 three-fifth-1600" >
      { React.createElement(component) }
    </div>
  </div>
</div>

Something like that.