Flex Css Tuturial

 <style>

  .main{

        display: flex;

        width: 600px;

        height: 400px;

        flex-wrap: wrap;

        align-content:normal;

    }

    .main > div{

        background-color: aquamarine;

        border: 1px solid #000;

        width: 80px;

        height: 80px;

        text-align: center;

    }

</style>

<div class="main">

        <div>1</div>

        <div>2</div>

        <div>3</div>

        <div>4</div>

        <div>5</div>

        <div>6</div>

        <div>7</div>

        <div>8</div>

    </div>

Grid Css Tutorial

 <style>

 .main{

        display: grid;

        grid-template-columns: auto auto auto;

        gap: 10px;

    }

    .main > div{

        background-color: aquamarine;

        border: 1px solid #000;

        height: 100px;

        text-align: center;

    }

</style>

<div class="main">

        <div>1</div>

        <div>2</div>

        <div>3</div>

        <div>4</div>

        <div>5</div>

        <div>6</div>

        <div>7</div>

        <div>8</div>

    </div>