Fix documentation

Co-authored-by: Aram <[email protected]>

storybook/storybook-react/src/GridCell/GridCell.docs.mdx

@@ -24,7 +24,7 @@ In dit geval `start={2}`:
 Je kunt het aantal kolommen dat een cel beslaat laten afhangen van de vensterbreedte.
 Gebruik hiervoor de `span` prop met 3 waarden voor respectievelijk smalle, middelbrede en brede vensters.
 
-Via `span={[4, 6, 8]}` is deze cel 4 van de 4 kolommen breed op smalle vensters, 6 van de 8 op middelbrede en 8 van de 12 op brede vensters:
+Via `span={{ narrow: 4, medium: 6, wide: 8 }}` is deze cel 4 van de 4 kolommen breed op smalle vensters, 6 van de 8 op middelbrede en 8 van de 12 op brede vensters:
 
 <Canvas of={GridCellStories.MultipleSizes} />
 
@@ -39,5 +39,5 @@ Om de cel de volledige breedte te geven – of het grid nu 4, 8, of 12 kolommen
 
 ## Richtlijnen
 
-1. Zorg ervoor dat het aantal kolommen dat je aan een cel toekent past bij het aantal kolommen van het grid voor de betreffende vensterbreedte. Datzelfde geldt voor het starten van een cel in een latere kolom. Als het totaal van beide waarden is te groot is voegt de browser kolommen toe aan het grid. Dit is niet toegestaan.
-2. Gebruik de `fullWidth` prop niet tegelijk met de `span` of `start` props.
+- Zorg ervoor dat het aantal kolommen dat je aan een cel toekent past bij het aantal kolommen van het grid voor de betreffende vensterbreedte. Datzelfde geldt voor het starten van een cel in een latere kolom. Als het totaal van beide waarden is te groot is voegt de browser kolommen toe aan het grid. Dit is niet toegestaan.
+- Gebruik de `fullWidth` prop niet tegelijk met de `span` of `start` props.