Clases más comunes de Tailwind
Todas las clases de Tailwind se encuentran en su página oficial https://tailwindcss.com como son muchas solo vamos a ver las básicas.
Para empezar vamos a hacer este texto con Tailwind:
¡Hola mundo!
Para hacerlo vamos a usar 3 clases
- text-3xl (Agranda el Texto)
- font-bold (Hace el texto más ancho)
- underline (Decoración de la linea debajo)
Nuestro código quedará de la siguiente manera:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</body>
</html>