fix: Correct layout of Description List if multiple terms share a description

storybook/src/components/DescriptionList/DescriptionList.docs.mdx

@@ -16,7 +16,9 @@ import README from "../../../../packages/css/src/components/description-list/REA
 
 ### Multiple descriptions
 
-A term may have multiple descriptions.
+A term may have multiple descriptions. In the case of multiple terms for a description
+you may use an inline style to define the row of the first term to prevent the description
+from skipping a lines.
 
 <Canvas of={DescriptionListStories.MultipleDescriptions} />
 

storybook/src/components/DescriptionList/DescriptionList.stories.tsx

@@ -46,10 +46,17 @@ export const MultipleDescriptions: Story = {
   args: {
     children: [
       <DescriptionList.Term key={1}>Blinde, slechtziende</DescriptionList.Term>,
-      <DescriptionList.Description key={2}>Persoon met een visuele beperking</DescriptionList.Description>,
-      <DescriptionList.Description key={3}>Persoon met een visuele handicap</DescriptionList.Description>,
-      <DescriptionList.Description key={4}>Persoon die blind is</DescriptionList.Description>,
-      <DescriptionList.Description key={5}>Persoon die slechtziend is</DescriptionList.Description>,
+      <DescriptionList.Description key={1.2}>Persoon met een visuele beperking</DescriptionList.Description>,
+      <DescriptionList.Description key={1.3}>Persoon met een visuele handicap</DescriptionList.Description>,
+      <DescriptionList.Description key={1.4}>Persoon die blind is</DescriptionList.Description>,
+      <DescriptionList.Description key={1.5}>Persoon die slechtziend is</DescriptionList.Description>,
+      <DescriptionList.Term key={2}>Doof</DescriptionList.Term>,
+      <DescriptionList.Term key={3}>Slechthorend</DescriptionList.Term>,
+      <DescriptionList.Description key={2.1} style={{ gridRowStart: 5 }}>
+        Persoon die niet of slecht hoort
+      </DescriptionList.Description>,
+      <DescriptionList.Term key={4}>Dyslexie</DescriptionList.Term>,
+      <DescriptionList.Description key={4.1}>Moeite met lezen en schrijven</DescriptionList.Description>,
     ],
   },
 }