My page builds a billings history. A few billings are partial. For those that are partial, I want to remove the margin between / among the rows that apply to the same billing title.
Here is a word picture of what I have now. (I do not have the skill set for CodePen … sorry.)
(grid-template-columns: 7rem 4rem 4rem 6rem 6rem 7rem;)
row 1 contains 6 columns of column headings
row 2 contains 6 columns of billing information entitled “Initial Deposit”
row 3 contains 6 columns of billing information entitled “Masonry” for a partial billing
row 4 contains 6 columns of billing information also entitled “Masonry” for a later partial billing.
row 5 contains 6 columns of billing information entitled “Exterior” and so on.
All columns double spaced.
What I would like is rows containing the same title single spaced. In my example
row 2 (Initial Deposit) remains double spaced from column 1.
row 3 (Masonry) remains double spaced from column 2
row 4 (Masonry) is single spaced from column 3 (because it shares the Masonry title)
row 5 (Exterior) remains double spaced from column 4.
How would you handle this?
