
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>2-Column Layout Flex</title>

    <link rel="stylesheet" href="css/2-column-flexbox-layout.css">

</head>

<body>

    <div class="wrapper">

        <header class="header">Header: Fixed height</header>

        <section class="content">

          <div class="columns">

            <main class="main">Content: Flexible width</main>

            <aside class="sidebar">Sidebar: Fixed width</aside>

          </div>

        </section>

        <footer class="footer">Footer: Fixed height</footer>

    </div>      

</body>

</html>