html – Push merchandise on a brand new line when resizing window (Show Flex column)

I’ve 3 merchandise column with show: flex and flex wrap: wrap to them. My thought is to make it responsive and when i resize the window gadgets from the column to push others down with them (transfer subsequent merchandise to new line).

CSS:

    .dad or mum{
    place: relative;
    width: 100%;
    top: 600px;
    show: flex;
    justify-content: space-around;
    flex-wrap: wrap;

}

.little one{
    place: relative;
    width: 333px;
    top: 100%;
    background-color: rgb(60, 114, 96);
    margin-bottom: 50px;
}


.different{
    place: relative;
    width: 100%;
    top: 200px;
    background-color: black;

HTML:

    <div class="dad or mum">
        <div class="little one"></div>
        <div class="little one"></div>
        <div class="little one"></div>
    </div>

    <div class="different"></div>

Cant discover the answer proper now, in all probability its one thing quite simple.