Overflow auto not working with justify-content: flex-end

Question

I\'m trying to get an element to have items aligned to the right, and all overflowing elements to be hidden but accessed by scrollbar.

But it seems like the scrollba

Answer 1

Here's how I would recommend you do it

.row {
  width: 100%;
  max-width: 500px;
  background: #DADADA;
  flex: 1;
    display: flex;
    overflow: auto;
}
.box {
  display: flex;
  width: 200px;
  height: 40px;
  margin: 4px 10px;
  background: red;
  flex-shrink: 0;
}