* {
    box-sizing: border-box;
}

img {
    max-width:100%;
} 

.block {
        background: aquamarine;
        border:1px solid;
        padding:10px;
    }

    .inline {
        background:pink;
        padding:10px;
        margin:10px;
        width:200px;
        display:inline-block;
    }

.container {
    background:lightblue;
    border:1px solid;
    padding:10px;
    height:600px;
   
    align-items:center;
    /* align-items aligns items on the vertical axis for non wrapping row flexboxes */
   
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
   
    justify-content:center;
    /* justify-content aligns items on the horizontal axis for row flexboxes  */
    
    align-content: center;
    /* align-content aligns items on the vertical axis for wrapping row flexboxes */

    gap:20px;
}

.item {
    background:bisque;
    border:1px solid;
    padding: 10px;
    width:200px;
}