How to Create a POP OUT SIDE PANEL with HTML, CSS & JavaScript

View the SOURCE CODE:
https://codepen.io/dcode-software/pen/OJxEWWz

In today's video I'll show you how to build a pop out (or collapsible) side panel using HTML, CSS & JavaScript. This is easy to do, and uses CSS3 Flexbox and JavaScript Class Toggles.

Google Material Icons Library:
https://fonts.google.com/icons?icon.query=double+arrow

Google Material Icons Usage Guide:
https://developers.google.com/fonts/docs/material_icons#setup_method_1_using_via_google_fonts

Chapters:
0:00 Overview
1:58 Writing the HTML
5:10 Writing the CSS
13:15 Writing the JavaScript
14:07 Finishing Up