dam1r89/flexbox-left-sidebar-layout.html

## 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>