Me hizo ruido tener que poner style en el html así que me puse a buscar en la documentación de Tailwind. Lo mejor sería usar el background-image de la siguiente manera:
Introducción, instalación y ambiente de desarrollo
¿Qué es Tailwind CSS?
Instalación y ambiente de desarrollo
Directivas de Tailwind
Conceptos básicos
Personalización y configuración
Responsive Design, Mobile First y Utility First
Utilerías
Colores
Cómo crear grids o columnas en Tailwind CSS
Dimensiones y Espacios
Cambiando las propiedades de la tipografía
Ajustando el espaciado entre letras y líneas
Display
Flexbox
Crea tus propias utilerías
Entendiendo las variantes y las pseudo-clases
¡Es hora de practicar!
Proyecto: PlatziFood
Creando una card
Aplicando formato a la card
Responsive design en la card
Construye el header
Crea el footer
Crea un banner
Cómo integrar una card
Forms
Directivas de Apply
Extraer componentes
Navbar
Alpine JS
Optimiza tu archivo: PurgeCSS y NanoCSS
Conclusiones
Conclusiones y qué sigue
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Crea un banner
21/29Recursos
Aportes 13
Preguntas 3
Ordenar por:
El height 80 ya viene por defecto en la nueva version de Tailwind
E visto que las fotos se estiran demasiado y se ven feo (como la que escogió el profesor o como la que estaba utilizando).
y encontré una foto la cual no se nota mucho el pixelado y queda bien con bg-center
esta es la imagen
Me esta gustando mucho Tailwind CSS…
Se va viendo chevereee!!
Main section
<main>
<div class="h-56 md:h-100 md:bg-center bg-no-repeat bg-cover" style="background-image: url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80');">
</div>
</main>
creo que estoy enamorado de tailwind ❤️…
npm run watch
Me encanta como va quedando. 😃
no me agarra el comando
npm run watch
y no se reflejan los cambios
Muy bueno el curso pero no me funciona npm run watch, hice los comentarios más abajo pero no funcionaron.
Va quedando muy bien el sitio
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?