El Display es la propiedad de css que indica cómo el usuario ve un elemento HTML en su navegador.
Todos los elementos tienen algún tipo de display.
Los valores más comunes que puede recibir la propiedad display son:
block: Sirve para que un elemento abarque todo el ancho posible.
inline: Sirve para reducir el tamaño hasta lo que abarca su contenido, descartando las propiedades width y height.
inline-block: Sirve para poner un elemento (al costado) de elementos hermanos que también tengan display: inline o inline-block.
Combina lo mejor de block e inline, ya que respeta las dimensiones indicadas en las propiedades width y height.
flex: Sirve para alinear elementos internos por medio de algunas propiedades predeterminadas.
grid: Sirve para organizar los contenidos en filas y columnas. Es similar a flex
none: Sirve para ocultar un elemento para que usuario no lo vea en su navegador.
