1

I have an object with keys and values that I want to represent in a responsive way so that are always next to each other, but two k/v entries are stacked because of overflow on the horizontal direction, they will be aligned like a table.

Here is an example of what I am trying to accomplish: enter image description here

This looks close to what I want, but does not account for the content size. max-content does not work

This also touches on it but recommends flex instead, but flex rows are all calculated independently so that rules that out.

BobtheMagicMoose
  • 2,246
  • 3
  • 19
  • 27
  • I have a hunch auto-sizing each column with auto-fit/fill could result in a cyclic behavior: widen columns based on content-> cause wrap-> narrow columns based on better-aligned content -> cause unwrap.... – BobtheMagicMoose May 24 '21 at 18:10

0 Answers0