Ideas/conceptos claves

Display ⇒ Desplegar, colocar a la vista, exhibir, lucir, Mostar, presentar

Outer ⇒ Denota cómo se comporta un elemento en relación a los otros

Inner ⇒ como se comportan los hijos directos del elemento

Apuntes

• Display ⇒ Define el tipo de visualización de un elemento
  • Valores:
    • Inner
    • Outer
• Los valores block e inline definen dos cosas
  • Valor externo (Outer)
  • Valor interno (Inner)
• Cuando usamos display: grid; estamos diciendo display: block grid;
  • Es decir que su comportamiento externo sera de tipo bloque
• Un elemento que tenga los atributos de bloque puede tener:
  • Margin y padding
  • width
  • height
• Si pensamos en display: inline-flex; su relación con otros elementos no sera de bloque sino de línea
• Siempre volvemos al flujo normal del documento

<aside> 📌 RESUMEN: La diferencia entre grid e inline-grid es el comportamiento externo que tienen con otros elementos, usando grid sera de tipo bloque y usando inline-grid sera de tipo inline

</aside>