Align description lists with grid
Created by: webmozart
It would be great if it was possible to align description lists with the grid system. I have a description list and below a grid and I would like the left and right columns to match.
The columns currently don't match, because:
- dt has a fixed width of 160px
- grid columns have dynamic widths
- dd has a fixed left padding of 20px
- grid columns have a padding of 30px by default
Some text
<dt> item 1 | <dd> Description
<dt> item 2 | <dd> Description
<dt> item 3 | <dd> Description
Horizontal form, using a 3:9 grid
Field 1 label | Field 1
Field 2 label | Field 2
Field 3 label | Field 3
^--^
both the column start and the
column padding are different