Max-Height – Tailwind CSS

max-h-0max-height : 0px ;
max-h-pxmax-height : 1px ;
max-h-0.5max-height : 0.125rem ;

/* 2px */

max-h-1max-height : 0.25rem ;

/* 4px */

max-h-1.5max-height : 0.375rem ;

/* 6px */

max-h-2max-height : 0.5rem ;

/* 8px */

max-h-2.5max-height : 0.625rem ;

/* 10px */

max-h-3max-height : 0.75rem ;

/* 12px */

max-h-3.5max-height : 0.875rem ;

/* 14px */

max-h-4max-height : 1rem ;

/* 16px */

max-h-5max-height : 1.25rem ;

/* 20px */

max-h-6max-height : 1.5rem ;

/* 24px */

max-h-7max-height : 1.75rem ;

/* 28px */

max-h-8max-height : 2rem ;

/* 32px */

max-h-9max-height : 2.25rem ;

/* 36px */

max-h-10max-height : 2.5rem ;

/* 40px */

max-h-11max-height : 2.75rem ;

/* 44px */

max-h-12max-height : 3rem ;

/* 48px */

max-h-14max-height : 3.5rem ;

/* 56px */

max-h-16max-height : 4rem ;

/* 64px */

max-h-20max-height : 5rem ;

/* 80px */

max-h-24max-height : 6rem ;

/* 96px */

max-h-28max-height : 7rem ;

/* 112px */

max-h-32max-height : 8rem ;

/* 128px */

max-h-36max-height : 9rem ;

/* 144px */

max-h-40max-height : 10rem ;

/* 160px */

max-h-44max-height : 11rem ;

/* 176px */

max-h-48max-height : 12rem ;

/* 192px */

max-h-52max-height : 13rem ;

/* 208px */

max-h-56max-height : 14rem ;

/* 224px */

max-h-60max-height : 15rem ;

/* 240px */

max-h-64max-height : 16rem ;

/* 256px */

max-h-72max-height : 18rem ;

/* 288px */

max-h-80max-height : 20rem ;

/* 320px */

max-h-96max-height : 24rem ;

/* 384px */

max-h-fullmax-height : 100% ;
max-h-screenmax-height : 100vh ;
max-h-minmax-height : min-content ;
max-h-maxmax-height : max-content ;
max-h-fitmax-height : fit-content ;