diff --git a/docs/source/docs/adding-new-utilities.blade.md b/docs/source/docs/adding-new-utilities.blade.md index c875ef7f9c06..efcca6a2b6fa 100644 --- a/docs/source/docs/adding-new-utilities.blade.md +++ b/docs/source/docs/adding-new-utilities.blade.md @@ -84,7 +84,7 @@ If you'd like to create responsive versions of your own utilities based on the b } ``` -Tailwind will intelligently group the responsive versions into it's existing media queries which are output at the very end of the stylesheet. This ensures that any responsive utilities will always take precedence over unprefixed utilities. +Tailwind will intelligently group the responsive versions into its existing media queries which are output at the very end of the stylesheet. This ensures that any responsive utilities will always take precedence over unprefixed utilities. The above code would generate CSS that looks something like this: diff --git a/docs/source/docs/flexbox-flex-grow-shrink.blade.md b/docs/source/docs/flexbox-flex-grow-shrink.blade.md index add271136c6a..391e5af8fd4b 100644 --- a/docs/source/docs/flexbox-flex-grow-shrink.blade.md +++ b/docs/source/docs/flexbox-flex-grow-shrink.blade.md @@ -29,17 +29,17 @@ title: "Flex, Grow, & Shrink - Flexbox" .flex-initial flex: initial; - Allow a flex item to shrink but not grow, taking into account it's initial size. + Allow a flex item to shrink but not grow, taking into account its initial size. .flex-1 flex: 1; - Allow a flex item to grow and shrink as needed, ignoring it's initial size. + Allow a flex item to grow and shrink as needed, ignoring its initial size. .flex-auto flex: auto; - Allow a flex item to grow and shrink, taking into account it's initial size. + Allow a flex item to grow and shrink, taking into account its initial size. .flex-none @@ -72,7 +72,7 @@ title: "Flex, Grow, & Shrink - Flexbox" ### Initial Default -Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account it's initial size: +Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account its initial size: @component('_partials.code-sample')

Items don't grow when there's extra space

@@ -124,7 +124,7 @@ Use `.flex-initial` to allow a flex item to shrink but not grow, taking into acc ### Flex 1 -Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's initial size: +Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring its initial size: @component('_partials.code-sample')

Default behavior

@@ -169,7 +169,7 @@ Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's i ### Auto -Use `.flex-auto` to allow a flex item to grow and shrink, taking into account it's initial size: +Use `.flex-auto` to allow a flex item to grow and shrink, taking into account its initial size: @component('_partials.code-sample')

Default behavior

@@ -294,7 +294,7 @@ Use `.flex-no-shrink` to prevent a flex item from shrinking: Item that can shrink if needed
- Item that cannot shrink below it's initial size + Item that cannot shrink below its initial size
Item that can shrink if needed diff --git a/docs/source/docs/flexbox.blade.md b/docs/source/docs/flexbox.blade.md index 3ccadc8c1f60..d6dce072834c 100644 --- a/docs/source/docs/flexbox.blade.md +++ b/docs/source/docs/flexbox.blade.md @@ -407,7 +407,7 @@ Use `.content-around` to distribute lines in a flex container such that there is ### 1 -Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's initial size: +Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring its initial size: @component('_partials.code-sample')

Default behavior

@@ -452,7 +452,7 @@ Use `.flex-1` to allow a flex item to grow and shrink as needed, ignoring it's i ### Auto -Use `.flex-auto` to allow a flex item to grow and shrink, taking into account it's initial size: +Use `.flex-auto` to allow a flex item to grow and shrink, taking into account its initial size: @component('_partials.code-sample')

Default behavior

@@ -515,7 +515,7 @@ Use `.flex-none` to prevent a flex item from growing or shrinking: ### Initial -Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account it's initial size *(this is also the default behavior)*: +Use `.flex-initial` to allow a flex item to shrink but not grow, taking into account its initial size *(this is also the default behavior)*: @component('_partials.code-sample')

Items don't grow when there's extra space

@@ -637,7 +637,7 @@ Use `.flex-no-shrink` to prevent a flex item from shrinking: Item that can shrink if needed
- Item that cannot shrink below it's initial size + Item that cannot shrink below its initial size
Item that can shrink if needed diff --git a/docs/source/docs/visibility.blade.md b/docs/source/docs/visibility.blade.md index e79968ad6ea5..01bfa0a66827 100644 --- a/docs/source/docs/visibility.blade.md +++ b/docs/source/docs/visibility.blade.md @@ -57,7 +57,7 @@ Use `.visible` to make an element visible. This will typically be used as a rese ### Invisible -Use `.invisible` to hide an element, but still maintain it's space. +Use `.invisible` to hide an element, but still maintain its space. @component('_partials.code-sample', ['class' => 'flex justify-center'])