.holder {
   outline: 3px solid grey;
   max-width: 600px;
   height: 100px;
   border-top: 10px;
   display: flex;
   flex-wrap: wrap;
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   align-content: center;
   justify-content: flex-start;
   padding: 0px;
}

.item {
    min-height: 50px;
    width: 300px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0px;
    flex-shrink: 0;
}

.holder .item:first-child {
    background-color: salmon;
    order: 1;
    flex-shrink: 2;
  }
  

  div:nth-child(2) {
    background-color: rgb(46, 131, 165);
    order: 4;
    flex-shrink: 5;
    max-width: 200px;
  }

  div:nth-child(3) {
    background-color: rgb(150, 61, 150);
    order: 3;
    flex-shrink: 5;
    max-width: 200px;
  }

  div:nth-child(4) {
    background-color: rgb(26, 170, 26);
    order: 5;
    flex-shrink: 5;
    max-width: 200px;
  }

  div:nth-child(5) {
    background-color: rgb(214, 214, 52);
    order: 2;
    flex-shrink: 2;
  }