Height

Visit for more information.

Class	Properties
.h-0	height: 0px;
.h-1	height: 1px;
.h-2	height: 0.125rem;
.h-4	height: 0.25rem;
.h-6	height: 0.375rem;
.h-8	height: 0.5rem;
.h-10	height: 0.625rem;
.h-12	height: 0.75rem;
.h-14	height: 0.875rem;
.h-16	height: 1rem;
.h-18	width: 1.125rem;
.h-20	height: 1.25rem;
.h-24	height: 1.5rem;
.h-28	height: 1.75rem;
.h-32	height: 2rem;
.h-36	height: 2.25rem;
.h-40	height: 2.5rem;
.h-44	height: 2.75rem;
.h-48	height: 3rem;
.h-56	height: 3.5rem;
.h-64	height: 4rem;
.h-72	height: 4.5rem;
.h-80	height: 5rem;
.h-96	height: 6rem;
.h-112	height: 7rem;
.h-128	height: 8rem;
.h-144	height: 9rem;
.h-160	height: 10rem;
.h-176	height: 11rem;
.h-192	height: 12rem;
.h-208	height: 13rem;
.h-224	height: 14rem;
.h-240	height: 15rem;
.h-256	height: 16rem;
.h-288	height: 18rem;
.h-320	height: 20rem;
.h-384	height: 24rem;
.h-auto	height: auto;
.h-1/2	height: 50%;
.h-1/3	height: 33.333333%;
.h-2/3	height: 66.666667%;
.h-1/4	height: 25%;
.h-2/4	height: 50%;
.h-3/4	height: 75%;
.h-1/5	height: 20%;
.h-2/5	height: 40%;
.h-3/5	height: 60%;
.h-4/5	height: 80%;
.h-1/6	height: 16.666667%;
.h-2/6	height: 33.333333%;
.h-3/6	height: 50%;
.h-4/6	height: 66.666667%;
.h-5/6	height: 83.333333%;
.h-full	height: 100%;
.h-screen	height: 100vh;

Examples

240 x 240

<div class="my-16 flex h-240 w-240 bg-primary-inverted text-primary-inverted">
  <div class="m-auto">240 x 240</div>
</div>