Tailwind CSS Dimensionamiento Referencia completa

Tailwind CSS es un marco CSS de bajo nivel altamente personalizable que le brinda todos los componentes básicos que necesita. Tailwind CSS Sizing que establece el tamaño de los elementos como el ancho del elemento, la altura, el ancho mínimo-máximo y la altura mínima-máxima.

El siguiente ejemplo le dará una breve idea sobre el tamaño de Tailwind CSS:

Ejemplo:

HTML

<!DOCTYPE html>
<head>
    <link href=
"https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
          rel="stylesheet">
</head>
  
<body class="text-center mx-4 space-y-2">
    <h1 class="text-green-600 text-5xl font-bold">
        GeeksforGeeks
    </h1>
    <b>Tailwind CSS MIn-Width Class</b>
    <div class="w-24 h-16 min-w-full md:min-w-0
                bg-green-400 rounded-lg text-white">
    </div>
</body>
  
</html>

Producción:

Tailwind CSS Sizing Complete Reference

Tailwind CSS Dimensionamiento Referencia completa

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *