use flexbox when u need items to resize proportionally along a single axis.
grid is perfect for more complex layouts w/ multiple rows/columns where each cell can have unique dimensions. try combining both in the same container using
display: -ms-grid; display: inline-flex
.