Two By Two
Two by two grid of metrics with supporting captions.
Two by two grid of metrics with supporting captions.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
A compact two by two grid of four metrics, where each cell goes beyond a number and label to add a full sentence of context. The stats cover active teams, daily requests, uptime, and median response time, with captions that explain what each figure really means. The narrower max-w-4xl container keeps the grid intimate and easy to read.
text-4xl rising to sm:text-5xlbase-contentEdit the stats array, which carries value, label, and caption for each of the four entries. The grid stays two columns at every breakpoint, so the captions always have room to breathe. Type uses daisyUI base-content at three opacity levels to separate number, label, and caption, and the whole block follows your active theme in light and dark.
Captions are the place to address doubt, so use them to qualify or back up each number honestly.