Ich habe einige Elemente in meinem HTML-Code mit flexbox im Responsive-Design einer Website neu angeordnet, die einwandfrei funktioniert, aber die Größe der Elemente wird dann nicht richtig geändert.

n einem Haltepunkt habe ich dem @ eine Flexklasse zugewiesehome-promos div und ordnete die Elemente neu. Das funktioniert einwandfrei.

Das Problem tritt dann auf, wenn ich versuche, die Größe des Divs auf die prozentualen Breiten zu ändern. Sie ändern die Größe nur bis zu einem bestimmten Punkt, z. B. 50%, und werden dann nicht größer.

Kann mir jemand, der mit Flexbox besser umgehen kann als ich, sagen, worum es geht?

.home-promos {
  display: flex;
}
.home-promo-center {
  order: 1;
}
.home-promo-left {
  order: 2;
}
.home-promo-right {
  order: 3;
}

<div class="home-promos">
  <div class="home-promo-left">
    <div class="promo-left-content">
      *content*
    </div>
  </div>
  <div class="home-promo-center">
    <div class="promo-center-content">
      *content*
    </div>
  </div>
  <div class="home-promo-right">
    <div class="promo-right-content">
      *content*
    </div>
  </div>
</div>