flex_and_grid.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Flex and Grid Are Amazing!</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./css/flex_grid.css" />
</head>
<body>
    <div class="top-bar">
        <div class="wrapper">
            <a href="hacktoberfest.lingonsaft.com">Home</a> | <a href="https://github.com/Ajwerth">My Github</a>
        </div>
    </div>
    <div class="header">
        <div class="wrapper">
            <h1>Flex Box and Grid are the Best!</h1>
        </div>  
    </div>
    <div class="wrapper">
        <div class="flex-box">
            <p>The best thing about Flex Box:</p>
            <div class="flex">
                <div class="box"></div>
            </div>
        </div>
    </div>
</body>
</html>