Improve place-content wording by referencing the correct axis (#2358)

This PR fixes an issue where we were only using `block axis` in the
`place-content` property docs, but the `place-content` property works on
both the inline axis and the block axis.

This PR now references both the inline axis and block axis. This now
also talks about the difference between rows and columns because we only
talked about rows before.

Fixes: #2357

---------

Co-authored-by: Jordan Pittman <[email protected]>
Co-authored-by: Jordan Pittman <[email protected]>

Author: RobinMalfait

src/docs/place-content.mdx

@@ -26,7 +26,7 @@ export const description = "Utilities for controlling how content is justified a
 
 ### Center
 
-Use `place-content-center` to pack items in the center of the block axis:
+Use `place-content-center` to pack items in the center of the inline and block axes:
 
 <Figure>
 
@@ -58,7 +58,7 @@ Use `place-content-center` to pack items in the center of the block axis:
 
 ### Start
 
-Use `place-content-start` to pack items against the start of the block axis:
+Use `place-content-start` to pack items against the start of the inline and block axes:
 
 <Figure>
 
@@ -90,7 +90,7 @@ Use `place-content-start` to pack items against the start of the block axis:
 
 ### End
 
-Use `place-content-end` to pack items against the end of the block axis:
+Use `place-content-end` to pack items against the end of the inline and block axes:
 
 <Figure>
 
@@ -122,7 +122,7 @@ Use `place-content-end` to pack items against the end of the block axis:
 
 ### Space between
 
-Use `place-content-between` to distribute grid items along the block axis so that there is an equal amount of space between each row on the block axis:
+Use `place-content-between` to distribute grid items along the inline and block axes so that there is an equal amount of space between each row and column on each axis respectively:
 
 <Figure>
 
@@ -154,7 +154,7 @@ Use `place-content-between` to distribute grid items along the block axis so tha
 
 ### Space around
 
-Use `place-content-around` to distribute grid items such that there is an equal amount of space around each row on the block axis:
+Use `place-content-around` to distribute grid items along the inline and block axes so that there is an equal amount of space around each row and column on each axis respectively:
 
 <Figure>
 
@@ -186,7 +186,7 @@ Use `place-content-around` to distribute grid items such that there is an equal
 
 ### Space evenly
 
-Use `place-content-evenly` to distribute grid items such that they are evenly spaced on the block axis:
+Use `place-content-evenly` to distribute grid items such that they are evenly spaced on the inline and block axes:
 
 <Figure>
 
@@ -218,7 +218,7 @@ Use `place-content-evenly` to distribute grid items such that they are evenly sp
 
 ### Stretch
 
-Use `place-content-stretch` to stretch grid items along their grid areas on the block axis:
+Use `place-content-stretch` to stretch grid items along their grid areas on the inline and block axes:
 
 <Figure>