How to make flex so that there is a lot of data, then it goes to scroll?

Question

css

I have such a problem with flex that even though I have

html, body {
  height: 100%;
  width: 100%;
}

This is done so that the height is always placed when there are few records, so that there is no such effect.
But if you set height: 100%, then this effect comes out with a lot of records.

How to be, I use the code to style the record

.row-tiles {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
            }

Answer 1

body {
    overflow: hidden
}

.row-tiles {
    overflow: auto
}