Laying out a definition list to look like a telephone directory requires 2 lines of CSS using grid.
To align the <dt>
to the left and the <dd>
to the right, use the following:
display: grid;
grid-template: auto / 210px 1fr;
Laying out a definition list to look like a telephone directory requires 2 lines of CSS using grid.
To align the <dt>
to the left and the <dd>
to the right, use the following:
display: grid;
grid-template: auto / 210px 1fr;