something I often run into are tables that are generated through business logic (X & Y axes)
we currently solve this with being creative with listviews, this comes with a lot of issues.
Example, we have a “simple for the user” screen where there is a comparison, and the user needs to select one.
things quickly unalign, or need to be set with fixed width.
if a tier doesnt have an element, it can be empty causeing everything to bump up.
if a text spans multiple lines, things also dont align.
Nested content quickly becomes a struggle to maintain.
you can do it with listviews, and table, still needs a lot of custom styling, and still possible to break it
https://jstutorial.medium.com/css-flex-vs-grid-tutorial-ffb92e115a98