Align 2 DIV per line, both the with the same height

Question

We have a problem where we need to have a list of divs with dynamic content. There will always be 2 divs per row. Both of those elements should have the same height.

Cur

Answer 1

I use flexbox, it's magic ^^ :

HTML

CSS

.boxes {
  display: flex;
  flex-wrap: wrap;
}
.box {
   margin: 0 1% 1% 0;
   width: 48%;
}

CODEPEN DEMO

Complete guide to flexbox on css-trick