Main content area wrapped around the gird system of span that is flexed based. It is placed in the middle of the page and can be sized with grid-template-columns.
Item 1: Span of 1
Item 2: Span of 2
Item 3: Span of 3
Item 3: Span of 4
A grid system in style CSS is a way to divide a page into rows and columns using the display: grid property. It allows for precise placement of elements. Inside the grid items, span is used for inline sytling.