How to make a horizontal scroll of blocks in two rows?

Question

css

How to make it filled with blocks only up to the second row (does not go to the third) , and then turn on the horizontal scroll? (blocks can be different sizes) Maybe there is a plugin, or js code, or just css there is an option.

Answer 1

Parent div

.parent-div {
display: flex;
}
.parent-div .first-line {
width: 100%;
height: [ровно по высоте строки с элементами]
}
.parent-div .second-line {
width: calc(100% + 100%);
height: [ровно по высоте элементов];
overflow: hidden;
overflow-x: scroll [или auto];
}