exercise-2/index.html

<!doctype html>
<html>

<head>
    <!-- Declare the character set of your files -->
    <meta charset="utf-8">

    <!-- Give your page a title "Exercise ###" -->
    <title>Exercise 2</title>

    <!-- Set the author of the page to your name -->
    <meta author="Michael Freeman">

    <!-- Set device width to ensure proper renering on mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Read in css file -->
    <link href="css/main.css" rel="stylesheet" type="text/css">
</head>

<body>
    <main>
        <!-- Create a section element in your page in which you'll arrand elements -->
        <section>
            <div class="flexbox-container">
                <div class="flex-column">
                    <div class="content">1</div>
                </div>
                <div class="flex-column">
                    <div class="content">2</div>
                </div>
                <div class="flex-column">
                    <div class="content">3</div>
                </div>
                <div class="flex-column">
                    <div class="content">4</div>
                </div>
            </div>
        </section>
    </main>

</body>

</html>