Featured Focal Wide Card Grid Logos Block for React

Edit FLAGSHIP for the plate, wordmark and tenure; the figure and its caption are in the band's second part, "9 days" and "to close the books, down from 26". The header's bold lead sentence repeats the figure, so change it too.

A multiple of six, so every row is full: it is three across and two rows from sm, and two across and three rows on a phone. Other counts leave an empty cell, and the hairline colour fills it.

The grid ends the block. On a page the next section draws its own top rule along the grid's foot, so a line here would double it, and the column has no bottom padding for the same reason.

Yes. The header is an h2, the flagship band a card with its name as an h3, and the six customers are a list named "Customers" with each company's name as text. The icons are hidden from assistive technology and nothing in the grid is focusable, so the hover colour is only a visual touch. The figure is one bdi, so its digits and unit read together in a right-to-left layout.

Yes. The band is a tint of the muted colour with a card-coloured plate, and the cells are the page colour, so both light and dark presets keep the band distinct from the grid.

The header, the band and the grid fade up once when the page loads, with CSS transitions, and each wordmark eases to the text colour on hover. With reduced motion the transitions are off.