Arrange 2 items per row using flexbox

Question

Imagine I have following markup

    

    

    <         


        
      

Answer 1

you can give flex: 0 50% to children divs without touching .item

.item {
  width: 100%
}

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

.container>div {
  flex: 0 50%;
  /*demo*/
  border: red solid;
  box-sizing:border-box
}

  
1
  
2
  
3
  
4