This example demonstrates a simple CSS grid layout, showing four numbered boxes arranged in a two-column structure with additional space for a third column and second row. The boxes are styled with a grey background, centered text, and rounded borders. The grid uses explicit track sizes, including fixed pixel widths and an auto-sized column, with a gap between items. The stylesheet also includes global body resets and red, semi-transparent circles, though no circles appear in the markup. The code relies only on HTML and CSS, without any JavaScript libraries.