유틸 - 디스플레이 display

    <style>
        div,span {
            min-height: 150px;
            min-width: 150px;
            margin: 10px;
        }
        body {
            margin-bottom: 500px;
        }
    </style>

    <!-- DISPLAY PROPERTIES -->

    <div class="border border-2 border-danger d-inline"></div>
    <br>
    <div class="border border-2 border-danger d-inline-block"></div>
    <br>
    <span class="border border-2 border-warning d-block"></span>

    <!-- DISPLAY GRID -->

    <div class="d-grid" style="grid-template-columns: 1fr 1fr 1fr;">
        <div class="border"></div>
        <div class="border"></div>
        <div class="border"></div>
        <div class="border"></div>
    </div>

    <!-- DISPLAY FLEX -->

    <div class="d-flex">
        <div class="border"></div>
        <div class="border"></div>
        <div class="border"></div>
    </div>