Box

Box

Box is a simple container element that by default comes with a flex display type.

Example:


<style>
    .flexbox {
        display: flex;
    }

    .box-example .box {
        width: 150px;
        height: 150px;
    }
</style>
<div class="flexbox box-example">
    <div class="box bg-1">
        <h3>Box Level 1</h3>
    </div>
    <div class="box bg-2">
        <h3>Box Level 2</h3>
    </div>
    <div class="box bg-3">
        <h3>Box Level 3</h3>
    </div>
    <div class="box bg-4">
        <h3>Box Level 4</h3>
    </div>
    <div class="box bg-5">
        <h3>Box Level 5</h3>
    </div>
    <div class="box bg-6">
        <h3>Box Level 6</h3>
    </div>
</div>

Result:

Box Level 1

Box Level 2

Box Level 3

Box Level 4

Box Level 5

Box Level 6