Flexbox

scrimba

Watch in fullscreen

Flexbox

by Victor Gonzalez

Learn Tailwind CSS

About

Comments

Notes

Block Gallery Challenge6:01

Flexbox

by Victor Gonzalez

Learn Tailwind CSS

Expand for more info

Block Gallery Challenge6:01

index.html

run

preview

console

<html>
    <head>
        <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    </head>
    <body>
        <!-- Example 1 -->
        <div class="">
            <div class="bg-yellow-600 w-16 h-16">1</div>
            <div class="bg-teal-700 w-16 h-16">2</div>
            <div class="bg-red-700 w-16 h-16">3</div>
        </div>
        
        <!-- Example 2 -->
        <!-- <div class="flex">
            <div class="text-2xl">&bull;</div>
            <p class="text-5xl ">Hello there.</p>
        </div> -->
    </body>
</html>

<p class="text-5xl ">Hello there.</p>

<html>

<head>

</head>

<body>

</div>

<!-- <div class="flex">

</div> -->

</body>

</html>

-11:50