A grid item is a direct child of a grid container. 📦 It can be precisely placed and aligned within the grid using powerful properties.

These properties help control the item's position, span, and alignment within grid cells:

Let's explore each property with examples to understand how grid items behave and align themselves inside a grid layout. 🎨🚀

Spans item from column line 1 to 3.