Flex Layout with fixed position (no scrolling) sidebar

Question

I have a layout with left and right canvas sidebars, enclosing the Main content area in the middle.

The sidebars and main content are flex items, positioned in a flex la

Answer 1

The question is old, but I solved a similar issue using

position: sticky;
top: 0;

for the left and right items. Also I removed the

display: flex 

css for the flex items, I don't think that's necessary.

https://jsfiddle.net/8mpxev0u/