Name: Your first Flexbox layout - Flexbox tutorial
Uploaded: 2018-01-13T11:53:16.569Z
Duration: 1 min 53 s
Description: In this lecture I introduce the `flex` property and explain the two main components of a Flexbox layout: the container and its items.

scrimba

Watch in fullscreen

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="basic.css">
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <nav class="container">
            <div>Home</div>
            <div>Search</div>
            <div>Logout</div>
        </nav>
    </body>
</html>

-1:53