Answer
CSS Grid is a two-dimensional layout system based on rows and columns. • A grid container establishes tracks, lines, cells, and areas. • Items can be placed explicitly or by the auto-placement algorithm. • Source order should remain logical even when visual placement changes.
💡 Simple Example
.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
⚡ Quick Revision
Grid controls rows and columns together.