dam1r89 · March 14, 2017 13:19
diff --git a/flexbox-left-sidebar-layout.html b/flexbox-left-sidebar-layout.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body, html{
            padding: 0;
            margin: 0;
            height: 100%;
        }
        .app {
          height: 100%;
          display: flex;
          flex-direction: row;
        }

        .nav {
            background: #eee; 
            flex: 0 1 380px;
        }

        .content {
            background: aliceblue;
            flex: 1;
            overflow: auto;
        }

    </style>
 </head>
 <body>
 <div class="app">
    
    <div class="nav">
       <ul>
           <li>Nav 1</li>
           <li>Nav 2</li>
       </ul> 
    </div>
    <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere molestias aliquid neque distinctio soluta placeat temporibus blanditiis cum officiis quas culpa veniam, ea quod inventore voluptate odit similique ullam eius.
    </div>
 </div>
    
 </body>
 </html>