Display

Las propiedades de display son útiles para poder controlar las dimensiones o espacios. Las propiedades básicas de display son:

• Block → Con esta configuración los bloques abarcan toda la pantalla.

  <div class="text-center">
  		<div class="block bg-blue-800">1</div>
      <div class="block bg-blue-500">2</div>
      <div class="block bg-blue-300">3</div>
  </div>
  

• Inline-block → Sólo ocupan el espacio necesario para mostrar lo que hay en su interior.

  <div class="text-center">
  		<div class="inline-block bg-blue-800">1</div>
      <div class="inline-block bg-blue-500">2</div>
      <div class="inline-block bg-blue-300">3</div>
  </div>
  

• Inline → Sólo ocupan el espacio necesario para mostrar lo que hay en su interior y la altura del elemento es indiferente.

  <div class="text-center">
  		<div class="inline bg-blue-800">1</div>
      <div class="inline bg-blue-500">2</div>
      <div class="inline bg-blue-300">3</div>
  </div>
  

• Hidden → El elemento en cuestión no se muestra.

  <div>
      <div class="inline-block bg-blue-800">1</div>
      <div class="inline-block bg-blue-500">2</div>
      <div class="hidden bg-blue-300">3</div>
      <div class="inline-block bg-blue-100">4</div>
  </div>
  

Propiedades para controlar dimensiones y espacios de las cajas de presentación (display) :

• Block: abarca toda la pantalla
• Inline-Block: ocupan el espacio necesario
• Inline: ocupan el espacio necesario sin altura
• Hidden: el bloque no se muestra

Tailwind, es compatible para usar en Wordpress? Obviando que, utilizamos “php”.

¿Que atajo de teclado usa el profesor para crear archivos y rutas asi como se estilaba en sublime text?

La documentación de Display la encuentran el siguiente link:
https://tailwindcss.com/docs/display

Caja de Presentación

“Estas propiedades pueden controlar las dimensiones o espacios.”

-Block - en la caja de presentación no cambia con block.
-Inlilne-block - se posiciona dentro de la caja.
-Inline - se posiciona fuera de la caja.
-Hideden - se oculta el elemento.

Les recomiendo mucho que lean la documentación, hay modificaciones muy interesantes allí además si quieren ver algunos ejemplos de páginas construidas y elementos agregados también se muestran allí.

Bueno para recordar.

¿No hay dispay grid?

Display inline es que viene por defecto