* {
    box-sizing:border-box;
}

img{
    max-width:100%;
}

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

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

.container {
    background:lightblue;
    border:1px solid;
    padding:10px;
    height:600px;

    display:flex;
    flex-direction:row;
    flex-wrap:wrap;

    /* justify-content aligns items on the horizontal axis for row flexboxes */
    justify-content:center;

    /* align-items aligns items on the vertical axis for non-wrapping row flexboxes */
    align-items:center;

    /* align-content aligns items on the vertical axis for wrapping row flexboxes */
    align-content:center;

    gap:20px;
}

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