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>