CSS CSS Flexbox Layout Flexbox Properties Wrapping Items and Distributing Space

Wenwei Lu
Wenwei Lu
10,897 Points

css flexbox layout

.row{
.row{  
display:flex;
  flex-wrap:wrap;
}

.item{
justify-content:space-between;
}

.item:first-child{
  margin-right:auto; 
}

.item:last-child{
  margin-left:auto;
}

1 Answer

Elian Kloppenburg
Elian Kloppenburg
22,906 Points

Hi Wenwei,

Not 100% clear what you are aming at but here's what you need for all 3 tasks, in order:

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}