Tailwind CSS Justify Items

This class accepts two values in tailwind CSS. It is the alternative to the CSS justify-items property. This class is used for controlling how grid items are aligned along their inline axis.

Justify Items:

• justify-items-auto 
• justify-items-start 
• justify-items-end 
• justify-items-center 
• justify-items-stretch 

justify-items-auto

This class is used to justify grid items automatically on their inline axis.

Syntax:

<element class="justify-items-auto">...</element>

Example:

Output:

justify-items-start

This class is used to justify grid items against the start of their inline axis.

Syntax:

<element class="justify-items-start">...</element>

Example:

Output:

justify-items-end

This class is used to justify grid items against the end of their inline axis.

Syntax:

<element class="justify-items-end">...</element>

Example:

Output:

justify-items-center

This class is used to justify grid items along their inline axis.

Syntax:

<element class="jjustify-items-center">...</element>

Example:

Output:

justify-items-stretch

This class is used to stretch items along their inline axis.

Syntax:

<element class="justify-items-stretch">...</element>

Example:

Output: