- Float need to clear, no vertical centering
- Inline-block white space collapse issue
- Float or inline-block. it depends on your preference
- Flex could be a replacement for float and inline-block
- Flex has vertical centering and equal heights
- Horizontal only vs Both Horizontal and Vertical
- There are multiple ways to do the same thing with flexbox
- Complex syntax and not supported by older browsers with flexbox
- One dimensional vs Two dimensional
- Major layouts(Grid) vs UI elements(Flex)
- Grid is easier to learn and to use
- Grid has a bit less browser support.