{"version":"1.0","type":"rich","title":"CSS grid...","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aebd896b7e7a43ad948cb3685f46f981?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}