A CodePen by Mike Aparicio. Responsive Scrolling Sidebar - This layout has has a min- and max-width. When the browser is sized below the max-width, the sidebar slides off the canvas and a menu icon allows you to toggle the sidebar. Both the sidebar and main content are independently scrollable, but on smaller viewports, when the sidebar is toggled, the main content area is locked in place and only the sidebar is scrollable.