I have a list of items and am using a flex-col and then flex-row with elements in each row to mimic a table. The first element in each row is a date, which has a variable length (not using monospaced font). The final element is similar. I want the first and last "columns" for each row to all align and the middle element to grow to fit and truncate. See screenshot. Ideally the descriptions (middle column) would all align.
Is this possible with flex? When using grid layout I also run into issues with overflow.