🏗️ Utilidades de Layout en Tailwind CSS

🔹 aspect-ratio

Clase Tailwind CSS equivalente Ejemplo
aspect-auto aspect-ratio: auto;
aspect-square aspect-ratio: 1 / 1;
aspect-video aspect-ratio: 16 / 9;
aspect-[4/3] aspect-ratio: 4 / 3;

🔹 overflow

Clase Tailwind CSS equivalente Ejemplo
overflow-auto overflow: auto;
Texto muy largo
Texto muy largo
Texto muy largo
Texto muy largo
overflow-hidden overflow: hidden;
Texto muy largo
Texto muy largo
Texto muy largo
Texto muy largo
overflow-clip overflow: clip;
Texto muy largo
Texto muy largo
Texto muy largo
Texto muy largo
overflow-visible overflow: visible;
Texto muy largo
Texto muy largo
Texto muy largo
Texto muy largo
overflow-scroll overflow: scroll;
Texto muy largo
Texto muy largo
Texto muy largo
Texto muy largo
overflow-x-auto overflow-x: auto;
Contenido horizontal
overflow-x-auto overflow-x-hidden overflow-x-clip overflow-x-visible overflow-x-scroll
overflow-y-auto overflow-y: auto;
Contenido vertical largo
overflow-y-auto overflow-y-hidden overflow-y-clip overflow-y-visible overflow-y-scroll

🔹 object

Clase Tailwind CSS equivalente Ejemplo
object-contain object-fit: contain;
object-cover object-fit: cover;
object-fill object-fit: fill;
object-none object-fit: none;
object-scale-down object-fit: scale-down;
object-top / object-center / object-bottom / etc. object-position: ...;