[modification request] table styling in Prose about brand

[rezrah]

Discussed at Planning:

• @nsolerieu to take on some additional design investigation
• re-review at next planning session (next Monday)

[nsolerieu]

Scope

This is not the data table component, we do not have the same control since the user is the one shaping the table DOM structure - thsu we can't create a "shell" only style the native HTML markup

---

Current version of table styling int he github ecosystem: the blog

Design notes:

• Looks generic and unpolished
• Color looks branded/opinioated
• Spacing is very large and formated for few column use (3-4 max)
• Borders add a lot of noise
• This looks optimized for web 2.0 standards
• Mobile behavior is standard - shrink evenly

Desktop	Mobile

---

Test with real content

Without overriding the native behavior of the table markup, things will squich on mobile which is not working on mobile and could use a collapse specific styling with sticky header.

Text content

Desktop	Mobile

Data

Desktop	Mobile

---

Suggestion

The only mobile solution to fix this mobile issue is to collapse and keep the table header for context like the example here. This is achieve by adding a data-label to each <td>

Desktop	Mobile