CSS grid layout last item center [duplicate]

Answer 1

There are different ways to do it, but check out my code below with flexboxes. justify-content: space-around made it center

        .container{
            max-width: 500px;
            background: red;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: middle;
            justify-content: space-around
        }

        .box{
            padding: 20px;
            background-color: burlywood;
            border: 1px solid red;
            width: 200px

        }

    
Lorem Lipsum
    
Lorem Lipsum
    
Lorem Lipsum
    
Lorem Lipsum
    
Lorem Lipsum