flexboxen unterschiedliche breite nebeneinander

Hallo,

ich wollte das die erste Breite der Flexbox 1/3 gross ist und die zweite breite daneben 2/3 gross ist

mein quelltext dazu in css:

.flex-container-referenzen {

display: flex;

flex-wrap: wrap;

justify-content: center;

-ms-flex-align: start;

align-items: flex-start;

}


.flex-container-referenzen > div {


-ms-flex: 1 2 auto;

width: 590px;


}

und html:

<div class="flex-container-referenzen">
  <div>
    1
  </div>
  <div>
    2
  </div>
</div>

Leider zeigt er das nicht so an wie beschrieben sondern jede box zu 50%

Kann mir einer von euch helfen ?

Danke im voraus!

basti1012 danke !!!

basti1012-> wenn du den beiden boxen auch nee feste größe gibst kann das ja auch nicht gehen ( width: 590px; )

die größe war ja eigentlich so gedacht das man sagen tut insgesamt sind beide flexboxen 590 px breit und davon

soll halt die erste flexbox 1/3 groß sein /// bzw noch besser wäre es die genau zu deklarieren also jede einzelne box mit width angeben.

ok ich habs selber herausgefunden wie es geht:

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border: 0px solid #333;
}

#beispiel-25 .box-01 {
    -ms-flex: 0 0 150px;
    flex-basis: 150px;
}
#beispiel-25 .box-02 {
    -ms-flex: 0 0 300px;
    flex-basis: 300px;
}
#beispiel-25 .box-03 {
    -ms-flex: 0 0 150px;
    flex-basis: 150px;
}

ok trotzdem danke -> basti1012 !!!