levity

## 2-column individually scrolling layout with fade - main and sidebar are each wrapped in a fade-overflow-container and scroll individually - not compatible with flex-wrap; we need to use media queries to handle going to single-column - this also means grid would work just as well, only we specify column widths in `grid-template-columns` instead of in `flex` properties on the columns themselves - the scrollbars breaking the edges of our boxes and spilling into the gutter looks really stupid and firefox can't configure that (except hiding them). a few things help a little: - adding some h-padding on the overflow containers to push the scrollbars outside the child boxes - reducing the size of the gutter on the overflow containers (1em vs 5em on the [full-page layout](./fade-scroll)) - container box-shadow gets cut off by the `fade-overflow-container` Etiam erat metus, posuere eu ultrices eu, feugiat at tellus. Duis et semper nulla. Pellentesque pellentesque interdum ex nec fringilla. Donec fringilla finibus bibendum. Ut vel est libero. Nunc et cursus nisl, sed lacinia massa. Praesent sed sem a erat malesuada ullamcorper. Sed eget enim nec enim vulputate ultrices eu ut eros. Morbi at leo fringilla, posuere magna nec, tristique libero. Phasellus ligula nisi, dapibus non feugiat quis, vulputate a nisl. Suspendisse velit diam, viverra nec massa ac, tempus scelerisque ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aenean ac eros id nisl iaculis ultrices. Fusce tristique tempor purus, a sodales purus semper et. Sed vel lectus ipsum. Nulla et commodo mauris. Maecenas pellentesque massa ut est ultricies ultrices. Sed auctor vehicula tellus, quis tristique massa tempus suscipit. Pellentesque pellentesque velit ac cursus condimentum. Mauris commodo fermentum iaculis. Cras a feugiat metus. Curabitur molestie nisi a bibendum finibus. Ut purus ipsum, gravida at fringilla id, sagittis lacinia leo. Donec maximus, risus eu commodo imperdiet, eros erat bibendum lorem, ac vulputate nunc eros ac augue. Mauris eu auctor ante. Integer faucibus lorem erat, sed ultricies dui cursus at. Suspendisse potenti. Donec porta scelerisque orci. Nullam vel orci vestibulum, feugiat enim efficitur, commodo est. Praesent vestibulum maximus nisl sit amet elementum. Etiam pretium, orci ornare euismod semper, massa nisl dictum erat, id porta sapien tellus eget est. Etiam et hendrerit ante, ut molestie tortor. Suspendisse potenti. Nunc at convallis tellus. Donec ullamcorper elementum nisl in mattis. Suspendisse sem arcu, tristique non viverra eget, auctor nec arcu. Praesent gravida tortor est, in bibendum nisl efficitur at. Praesent tincidunt nisi quis quam ultricies ullamcorper. Nam lobortis magna vitae orci ullamcorper tincidunt at id ante. Donec id enim ac ligula sollicitudin pellentesque. Aliquam erat volutpat. Proin felis ex, congue ac tempus nec, iaculis a elit. Donec lobortis purus rhoncus, sagittis ex ut, vehicula odio. Etiam maximus augue sed dolor feugiat, sit amet mollis eros venenatis. In id lorem vitae tortor pretium dictum nec non lectus.