Advisory Board Table Team Block for React

Edit ADVISORS at the top of the file. An advisor is a name, a role, a firm, a specialty and since, the number of the year they began (1, 2 or 3). The avatar's initials and one of three greyscale tones come from the name and the person's place in the list. Every name and firm here is invented; replace them with your own and keep the specialty to a few words.

A calendar year goes stale the day after the page ships. "Year 1" is the year your company began, so the table stays true until you add someone, and the caption says so. If you would rather show a date, change the cell and the caption together.

It is a native table with a caption and column headers, so a screen reader announces "Advisor", "Role and firm", "Specialty" and "Advising since" as you move across a row.

On a phone the two hidden columns are removed from the page, not just from view, and their text appears once, under the name, so nothing is read twice.

Below md the Role and firm and Specialty columns disappear and the same text folds under each advisor's name, in two short lines. The advisor and the year remain as columns, so the table needs no sideways scroll at 320 pixels.

Guides draws the top rule with its + marks; each row draws a bottom border, except the last, and the caption sits under it with the block's padding, so the next block's top rule closes the block and no line is ever doubled.