¿cuál es la diferencia entre inline-block y flex?

@alexei genial, gracias!

Pero no me creas ami

https://www.lawebera.es/xhtml-css/css-avanzado-propiedad-display.php

Este post tiene buena información sobre el tema con ejemplos para que lo entiendas mejor.

inline-block, toma lo mejor de las propiedades inline y block dando así que respeta los valores de witdh y height.

flex. Es muy poderoso, ya que es muy utilizado para responsive junto a grid, pero ese es otro tema. flex no solo te permite que tus elementos crezcan o disminuya como quieras. Si no que también puedes ubicarlos prácticamente donde necesites.

Ahora en cuanto a usos, puede que tengas algun elemento inline y que necesites manipular y no quieras usar block. Puedes usar inline-block y tendrás lo mejor de ambas propiedades.

Ahora si lo que quieres es la organización de tus elementos en el layout podrías usar flex