Todo lo que necesitas hacer es agregar estas 5 clases.

Tailwind CSS es una herramienta ampliamente utilizada para hacer que los sitios web se vean bien. Es como un conjunto de componentes básicos para los diseñadores web.

Estos bloques vienen con estilos y diseños ya preparados, para que los diseñadores no tengan que hacerlo todo desde cero.

En cambio, pueden elegir los bloques que necesitan y utilizarlos para crear páginas web de forma rápida y sencilla. ¡Es un gran ahorro de tiempo para los desarrolladores web!








Centro div


Este código hace que el div sea el centro de toda la pantalla. Estas son las clases TailwindCSS con su definición CSS

Crea un diseño de pantalla completa.

pantalla w: ancho 100vw; — 100% ancho de la ventana gráfica.min-h-screen: min-height; — 100vh, la altura mínima es 100% de la altura de la ventana gráfica.

Centrar el div

absoluta superior-1/2 izquierda-1/2 -traducir-x-1/2 -traducir-y-1/2

absoluto : posición: absoluto; Este posicionamiento hace que el

sea independiente del flujo del documento, por lo que se puede colocar con precisión.top-1/2 : top: 50%; y izquierda-1/2: izquierda: 50%; Estas clases colocan el

en el centro vertical y horizontal de su contenedor principal.-translate-x-1/2 : — transform-translate-x: 50%; y -traducir-y-1/2: — transformar-traducir-y: 50%; Estas clases afinan aún más el posicionamiento moviendo

hacia la izquierda y hacia arriba la mitad de su propio ancho y alto. Esto centra

Me gusta mucho usar Tailwind CSS en el desarrollo web por su eficiencia y facilidad de uso. Ayuda a los desarrolladores a crear sitios web modernos y flexibles con código menos complicado y más uniformidad.

Aprendiendo