POC for a table like feel on desktop that flows a bit nicer on mobile #3
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is just a POC to get an idea for where my head is at on this. I used a definition list in markdown rather than a table. Then made it table like on desktop sizes. This could be generalized for many situations where one might be inclined to reach for a table for formatting.
Conceptually, this example works like a table for each row, or each row in the table having its own header. It would not be too much more work to make it even more table like by hiding subsequent "headers" and collapsing the gap between "rows".
Mobile view
Desktop view