Skip to content

Align description lists with grid #11639

@webmozart

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions