 |
VOOZH | about |
|
VOOZH | about |
Tailwind CSS is basically a utility first CSS framework for rapid custom UI. Tailwind CSS Alignment controls how the flex and grid items are aligned along with the container for fast front-end development. suppose Tailwind CSS Justify Content controlling how flex and grid items are positioned along a container's main axis and Justify items controlling how grid items are aligned along their inline axis.
Tailwind CSS Class | Description |
|---|---|
| Justify Content | It describe the alignment of the flexible box container. |
| Justify Items | It controls how grid items are aligned along their inline axis. |
| Justify Self | It specifies the alignment of a content's position along with the appropriate axis. |
| Align Content | It specifies the alignment between the lines inside a flexible container. |
| Align Items | It aligns the flex Items across the axis. |
| Align Self | It controls how an individual flex or grid item is positioned along its container's cross axis. |
| Place Content | It controls how content is justified and aligned at the same time. |
| Place Items | It controls how items are justified and aligned at the same time. |
| Place Self | It controls how an individual item is justified and aligned at the same time. |
Below example will give you a brief idea about the Backgrounds of Tailwind CSS:
Example:
Output:
