tailwind.md

Curso de Tailwind CSS

1. ¿Qué instrucción utilizamos para quitar la sombra a un elemento cuando el tamaño de pantalla o breakpoint es mediano?

md:shadow-none

2. ¿Qué hace la instrucción items-end?

Alínea elementos al final sobre el eje transversal.

3. ¿Por qué se le conoce a AlpineJS como el Tailwind de Javascript?

Porque se utiliza con instrucciones directo en el HTML.

4. ¿Qué variante se utiliza para cambiar el color de fondo a blanco cuando un elemento está seleccionado?

focus:bg-white

5. ¿Cómo cambias el orden al revés usando flex?

flex-row-reverse flex-col-reverse

6. ¿Cómo cambiamos nuestros elementos de vertical a horizontal en pantalla mediana usando flex?

flex flex-col md:flex-row

7. ¿En qué ideologías se basa Tailwind CSS?

Diseño Responsivo, Mobility First, Utility First.

8. ¿Qué instrucción o directiva se utiliza para crear componentes?

@apply

9. ¿Cuáles son instrucciones para controlar la caja de presentación o display?

hidden block

10. ¿Qué instrucción se usa para escalar una imágen de fondo hasta que cubra toda la caja de presentación?

bg-cover

11. ¿Para qué utilizamos PurgeCSS?

Para eliminar instrucciones no utilzadas.

12. ¿Qué librerías utilizamos en la instalación?

postcss, autoprefixer, tailwindcss

13. ¿Cómo podemos cambiar el tamaño de letra a extra grande?

text-xl

14. ¿Cómo logramos que el espacio entre líneas sea amplio?

leading-loose

15. ¿Cómo le damos un formato redondo grande en las esquinas de nuestros elementos?

rounded-lg

16. ¿Qué utilizamos para mantener un espaciado lateral de 4 unidades entre elementos?

mx-4

17. ¿Cuál es una de las ventajas de Utility First?

Facilita un prototipado rápido, al conocer los valores predefinidos de las clases utilitarias podemos saber que esperar.

18. ¿Cuál es un ejemplo de pseudo-class para la variante cursor encima de un elemento?

hover:underline

19. ¿Qué instrucción logra mostrar sombra cuando pones el cursor del mouse sobre un elemento?

hover:shadow

20. ¿Cómo logras que sean colocados dos elementos con espacios equidistantes de extremo a extremo?

justify-between

21. ¿En qué sección de tailwind.config.js agregas funcionalidad?

extend

22. ¿Qué se utiliza para fijar el navbar encima de otros elementos?

fixed, z-50, w-full

23. ¿Cuáles son instrucciones válidas para cambiar de color a un elemento?

bg-gray-200 text-purple-700 border-blue-500

24. ¿Cuál conjunto de instrucciones nos ayuda a tener la misma distancia en todos los lados de un elemento?

p-2 m-4

---

Este proyecto sigue la especificación de todos los contribuyentes . ¡Contribuciones de cualquier tipo son bienvenidas!