From ff013c5e9c9a98eaa2f2dec85c5a8e8ca7ac9e02 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 4 Sep 2020 10:54:13 -0400
Subject: [PATCH] Add missing grid alignment utilities (#2306)

* added suppot for justify-self

* Update fixtures

* Add remaining grid alignment utilities

* Update changelog

Co-authored-by: Felix Alcala <felix.alcala@gmail.com>
---
 CHANGELOG.md                                  |   1 +
 .../fixtures/tailwind-output-flagged.css      | 660 ++++++++++++++++--
 __tests__/fixtures/tailwind-output-ie11.css   | 220 +++---
 .../fixtures/tailwind-output-important.css    | 660 ++++++++++++++++--
 .../tailwind-output-no-color-opacity.css      | 660 ++++++++++++++++--
 __tests__/fixtures/tailwind-output.css        | 660 ++++++++++++++++--
 src/corePlugins.js                            |  18 +-
 src/plugins/alignContent.js                   |   3 +
 src/plugins/justifyItems.js                   |  28 +
 src/plugins/justifySelf.js                    |  28 +
 src/plugins/placeContent.js                   |  34 +
 src/plugins/placeItems.js                     |  28 +
 src/plugins/placeSelf.js                      |  28 +
 stubs/defaultConfig.stub.js                   |   5 +
 14 files changed, 2729 insertions(+), 304 deletions(-)
 create mode 100644 src/plugins/justifyItems.js
 create mode 100644 src/plugins/justifySelf.js
 create mode 100644 src/plugins/placeContent.js
 create mode 100644 src/plugins/placeItems.js
 create mode 100644 src/plugins/placeSelf.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d7d3921fe..19d11212a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - New `preserveHtmlElements` option for `purge` ([#2283](https://github.com/tailwindlabs/tailwindcss/pull/2283))
 - New `layers` mode for `purge` ([#2288](https://github.com/tailwindlabs/tailwindcss/pull/2288))
 - New `font-variant-numeric` utilities ([#2305](https://github.com/tailwindlabs/tailwindcss/pull/2305))
+- New `place-items`, `place-content`, `place-self`, `justify-items`, and `justify-self` utilities ([#2306](https://github.com/tailwindlabs/tailwindcss/pull/2306))
 
 ### Deprecated
 
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 02e4869d3..abff824f2 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -20483,6 +20483,74 @@ video {
   flex-wrap: nowrap;
 }
 
+.place-items-auto {
+  place-items: auto;
+}
+
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -20503,6 +20571,30 @@ video {
   align-items: stretch;
 }
 
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
 .self-auto {
   align-self: auto;
 }
@@ -20523,6 +20615,26 @@ video {
   align-self: stretch;
 }
 
+.justify-items-auto {
+  justify-items: auto;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
 .justify-start {
   justify-content: flex-start;
 }
@@ -20547,24 +20659,24 @@ video {
   justify-content: space-evenly;
 }
 
-.content-center {
-  align-content: center;
+.justify-self-auto {
+  justify-self: auto;
 }
 
-.content-start {
-  align-content: flex-start;
+.justify-self-start {
+  justify-self: start;
 }
 
-.content-end {
-  align-content: flex-end;
+.justify-self-end {
+  justify-self: end;
 }
 
-.content-between {
-  align-content: space-between;
+.justify-self-center {
+  justify-self: center;
 }
 
-.content-around {
-  align-content: space-around;
+.justify-self-stretch {
+  justify-self: stretch;
 }
 
 .flex-1 {
@@ -61869,6 +61981,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .sm\:place-items-auto {
+    place-items: auto;
+  }
+
+  .sm\:place-items-start {
+    place-items: start;
+  }
+
+  .sm\:place-items-end {
+    place-items: end;
+  }
+
+  .sm\:place-items-center {
+    place-items: center;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .sm\:place-content-center {
+    place-content: center;
+  }
+
+  .sm\:place-content-start {
+    place-content: start;
+  }
+
+  .sm\:place-content-end {
+    place-content: end;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+
+  .sm\:place-self-start {
+    place-self: start;
+  }
+
+  .sm\:place-self-end {
+    place-self: end;
+  }
+
+  .sm\:place-self-center {
+    place-self: center;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .sm\:items-start {
     align-items: flex-start;
   }
@@ -61889,6 +62069,30 @@ video {
     align-items: stretch;
   }
 
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .sm\:self-auto {
     align-self: auto;
   }
@@ -61909,6 +62113,26 @@ video {
     align-self: stretch;
   }
 
+  .sm\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .sm\:justify-start {
     justify-content: flex-start;
   }
@@ -61933,24 +62157,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .sm\:content-center {
-    align-content: center;
+  .sm\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .sm\:content-start {
-    align-content: flex-start;
+  .sm\:justify-self-start {
+    justify-self: start;
   }
 
-  .sm\:content-end {
-    align-content: flex-end;
+  .sm\:justify-self-end {
+    justify-self: end;
   }
 
-  .sm\:content-between {
-    align-content: space-between;
+  .sm\:justify-self-center {
+    justify-self: center;
   }
 
-  .sm\:content-around {
-    align-content: space-around;
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .sm\:flex-1 {
@@ -103225,6 +103449,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .md\:place-items-auto {
+    place-items: auto;
+  }
+
+  .md\:place-items-start {
+    place-items: start;
+  }
+
+  .md\:place-items-end {
+    place-items: end;
+  }
+
+  .md\:place-items-center {
+    place-items: center;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .md\:place-content-center {
+    place-content: center;
+  }
+
+  .md\:place-content-start {
+    place-content: start;
+  }
+
+  .md\:place-content-end {
+    place-content: end;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+
+  .md\:place-self-start {
+    place-self: start;
+  }
+
+  .md\:place-self-end {
+    place-self: end;
+  }
+
+  .md\:place-self-center {
+    place-self: center;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .md\:items-start {
     align-items: flex-start;
   }
@@ -103245,6 +103537,30 @@ video {
     align-items: stretch;
   }
 
+  .md\:content-center {
+    align-content: center;
+  }
+
+  .md\:content-start {
+    align-content: flex-start;
+  }
+
+  .md\:content-end {
+    align-content: flex-end;
+  }
+
+  .md\:content-between {
+    align-content: space-between;
+  }
+
+  .md\:content-around {
+    align-content: space-around;
+  }
+
+  .md\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .md\:self-auto {
     align-self: auto;
   }
@@ -103265,6 +103581,26 @@ video {
     align-self: stretch;
   }
 
+  .md\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .md\:justify-start {
     justify-content: flex-start;
   }
@@ -103289,24 +103625,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .md\:content-center {
-    align-content: center;
+  .md\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .md\:content-start {
-    align-content: flex-start;
+  .md\:justify-self-start {
+    justify-self: start;
   }
 
-  .md\:content-end {
-    align-content: flex-end;
+  .md\:justify-self-end {
+    justify-self: end;
   }
 
-  .md\:content-between {
-    align-content: space-between;
+  .md\:justify-self-center {
+    justify-self: center;
   }
 
-  .md\:content-around {
-    align-content: space-around;
+  .md\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .md\:flex-1 {
@@ -144581,6 +144917,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .lg\:place-items-auto {
+    place-items: auto;
+  }
+
+  .lg\:place-items-start {
+    place-items: start;
+  }
+
+  .lg\:place-items-end {
+    place-items: end;
+  }
+
+  .lg\:place-items-center {
+    place-items: center;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .lg\:place-content-center {
+    place-content: center;
+  }
+
+  .lg\:place-content-start {
+    place-content: start;
+  }
+
+  .lg\:place-content-end {
+    place-content: end;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+
+  .lg\:place-self-start {
+    place-self: start;
+  }
+
+  .lg\:place-self-end {
+    place-self: end;
+  }
+
+  .lg\:place-self-center {
+    place-self: center;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .lg\:items-start {
     align-items: flex-start;
   }
@@ -144601,6 +145005,30 @@ video {
     align-items: stretch;
   }
 
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .lg\:self-auto {
     align-self: auto;
   }
@@ -144621,6 +145049,26 @@ video {
     align-self: stretch;
   }
 
+  .lg\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .lg\:justify-start {
     justify-content: flex-start;
   }
@@ -144645,24 +145093,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .lg\:content-center {
-    align-content: center;
+  .lg\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .lg\:content-start {
-    align-content: flex-start;
+  .lg\:justify-self-start {
+    justify-self: start;
   }
 
-  .lg\:content-end {
-    align-content: flex-end;
+  .lg\:justify-self-end {
+    justify-self: end;
   }
 
-  .lg\:content-between {
-    align-content: space-between;
+  .lg\:justify-self-center {
+    justify-self: center;
   }
 
-  .lg\:content-around {
-    align-content: space-around;
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .lg\:flex-1 {
@@ -185937,6 +186385,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xl\:place-items-start {
+    place-items: start;
+  }
+
+  .xl\:place-items-end {
+    place-items: end;
+  }
+
+  .xl\:place-items-center {
+    place-items: center;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xl\:place-content-center {
+    place-content: center;
+  }
+
+  .xl\:place-content-start {
+    place-content: start;
+  }
+
+  .xl\:place-content-end {
+    place-content: end;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xl\:place-self-start {
+    place-self: start;
+  }
+
+  .xl\:place-self-end {
+    place-self: end;
+  }
+
+  .xl\:place-self-center {
+    place-self: center;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .xl\:items-start {
     align-items: flex-start;
   }
@@ -185957,6 +186473,30 @@ video {
     align-items: stretch;
   }
 
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .xl\:self-auto {
     align-self: auto;
   }
@@ -185977,6 +186517,26 @@ video {
     align-self: stretch;
   }
 
+  .xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .xl\:justify-start {
     justify-content: flex-start;
   }
@@ -186001,24 +186561,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .xl\:content-center {
-    align-content: center;
+  .xl\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .xl\:content-start {
-    align-content: flex-start;
+  .xl\:justify-self-start {
+    justify-self: start;
   }
 
-  .xl\:content-end {
-    align-content: flex-end;
+  .xl\:justify-self-end {
+    justify-self: end;
   }
 
-  .xl\:content-between {
-    align-content: space-between;
+  .xl\:justify-self-center {
+    justify-self: center;
   }
 
-  .xl\:content-around {
-    align-content: space-around;
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .xl\:flex-1 {
diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css
index 8be78a34b..d372de335 100644
--- a/__tests__/fixtures/tailwind-output-ie11.css
+++ b/__tests__/fixtures/tailwind-output-ie11.css
@@ -4255,6 +4255,30 @@ video {
   align-items: stretch;
 }
 
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
 .self-auto {
   align-self: auto;
 }
@@ -4299,26 +4323,6 @@ video {
   justify-content: space-evenly;
 }
 
-.content-center {
-  align-content: center;
-}
-
-.content-start {
-  align-content: flex-start;
-}
-
-.content-end {
-  align-content: flex-end;
-}
-
-.content-between {
-  align-content: space-between;
-}
-
-.content-around {
-  align-content: space-around;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -14721,6 +14725,30 @@ video {
     align-items: stretch;
   }
 
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .sm\:self-auto {
     align-self: auto;
   }
@@ -14765,26 +14793,6 @@ video {
     justify-content: space-evenly;
   }
 
-  .sm\:content-center {
-    align-content: center;
-  }
-
-  .sm\:content-start {
-    align-content: flex-start;
-  }
-
-  .sm\:content-end {
-    align-content: flex-end;
-  }
-
-  .sm\:content-between {
-    align-content: space-between;
-  }
-
-  .sm\:content-around {
-    align-content: space-around;
-  }
-
   .sm\:flex-1 {
     flex: 1 1 0%;
   }
@@ -25157,6 +25165,30 @@ video {
     align-items: stretch;
   }
 
+  .md\:content-center {
+    align-content: center;
+  }
+
+  .md\:content-start {
+    align-content: flex-start;
+  }
+
+  .md\:content-end {
+    align-content: flex-end;
+  }
+
+  .md\:content-between {
+    align-content: space-between;
+  }
+
+  .md\:content-around {
+    align-content: space-around;
+  }
+
+  .md\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .md\:self-auto {
     align-self: auto;
   }
@@ -25201,26 +25233,6 @@ video {
     justify-content: space-evenly;
   }
 
-  .md\:content-center {
-    align-content: center;
-  }
-
-  .md\:content-start {
-    align-content: flex-start;
-  }
-
-  .md\:content-end {
-    align-content: flex-end;
-  }
-
-  .md\:content-between {
-    align-content: space-between;
-  }
-
-  .md\:content-around {
-    align-content: space-around;
-  }
-
   .md\:flex-1 {
     flex: 1 1 0%;
   }
@@ -35593,6 +35605,30 @@ video {
     align-items: stretch;
   }
 
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .lg\:self-auto {
     align-self: auto;
   }
@@ -35637,26 +35673,6 @@ video {
     justify-content: space-evenly;
   }
 
-  .lg\:content-center {
-    align-content: center;
-  }
-
-  .lg\:content-start {
-    align-content: flex-start;
-  }
-
-  .lg\:content-end {
-    align-content: flex-end;
-  }
-
-  .lg\:content-between {
-    align-content: space-between;
-  }
-
-  .lg\:content-around {
-    align-content: space-around;
-  }
-
   .lg\:flex-1 {
     flex: 1 1 0%;
   }
@@ -46029,6 +46045,30 @@ video {
     align-items: stretch;
   }
 
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .xl\:self-auto {
     align-self: auto;
   }
@@ -46073,26 +46113,6 @@ video {
     justify-content: space-evenly;
   }
 
-  .xl\:content-center {
-    align-content: center;
-  }
-
-  .xl\:content-start {
-    align-content: flex-start;
-  }
-
-  .xl\:content-end {
-    align-content: flex-end;
-  }
-
-  .xl\:content-between {
-    align-content: space-between;
-  }
-
-  .xl\:content-around {
-    align-content: space-around;
-  }
-
   .xl\:flex-1 {
     flex: 1 1 0%;
   }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index a6beadd79..f51323cde 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -9847,6 +9847,74 @@ video {
   flex-wrap: nowrap !important;
 }
 
+.place-items-auto {
+  place-items: auto !important;
+}
+
+.place-items-start {
+  place-items: start !important;
+}
+
+.place-items-end {
+  place-items: end !important;
+}
+
+.place-items-center {
+  place-items: center !important;
+}
+
+.place-items-stretch {
+  place-items: stretch !important;
+}
+
+.place-content-center {
+  place-content: center !important;
+}
+
+.place-content-start {
+  place-content: start !important;
+}
+
+.place-content-end {
+  place-content: end !important;
+}
+
+.place-content-between {
+  place-content: space-between !important;
+}
+
+.place-content-around {
+  place-content: space-around !important;
+}
+
+.place-content-evenly {
+  place-content: space-evenly !important;
+}
+
+.place-content-stretch {
+  place-content: stretch !important;
+}
+
+.place-self-auto {
+  place-self: auto !important;
+}
+
+.place-self-start {
+  place-self: start !important;
+}
+
+.place-self-end {
+  place-self: end !important;
+}
+
+.place-self-center {
+  place-self: center !important;
+}
+
+.place-self-stretch {
+  place-self: stretch !important;
+}
+
 .items-start {
   align-items: flex-start !important;
 }
@@ -9867,6 +9935,30 @@ video {
   align-items: stretch !important;
 }
 
+.content-center {
+  align-content: center !important;
+}
+
+.content-start {
+  align-content: flex-start !important;
+}
+
+.content-end {
+  align-content: flex-end !important;
+}
+
+.content-between {
+  align-content: space-between !important;
+}
+
+.content-around {
+  align-content: space-around !important;
+}
+
+.content-evenly {
+  align-content: space-evenly !important;
+}
+
 .self-auto {
   align-self: auto !important;
 }
@@ -9887,6 +9979,26 @@ video {
   align-self: stretch !important;
 }
 
+.justify-items-auto {
+  justify-items: auto !important;
+}
+
+.justify-items-start {
+  justify-items: start !important;
+}
+
+.justify-items-end {
+  justify-items: end !important;
+}
+
+.justify-items-center {
+  justify-items: center !important;
+}
+
+.justify-items-stretch {
+  justify-items: stretch !important;
+}
+
 .justify-start {
   justify-content: flex-start !important;
 }
@@ -9911,24 +10023,24 @@ video {
   justify-content: space-evenly !important;
 }
 
-.content-center {
-  align-content: center !important;
+.justify-self-auto {
+  justify-self: auto !important;
 }
 
-.content-start {
-  align-content: flex-start !important;
+.justify-self-start {
+  justify-self: start !important;
 }
 
-.content-end {
-  align-content: flex-end !important;
+.justify-self-end {
+  justify-self: end !important;
 }
 
-.content-between {
-  align-content: space-between !important;
+.justify-self-center {
+  justify-self: center !important;
 }
 
-.content-around {
-  align-content: space-around !important;
+.justify-self-stretch {
+  justify-self: stretch !important;
 }
 
 .flex-1 {
@@ -27958,6 +28070,74 @@ video {
     flex-wrap: nowrap !important;
   }
 
+  .sm\:place-items-auto {
+    place-items: auto !important;
+  }
+
+  .sm\:place-items-start {
+    place-items: start !important;
+  }
+
+  .sm\:place-items-end {
+    place-items: end !important;
+  }
+
+  .sm\:place-items-center {
+    place-items: center !important;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch !important;
+  }
+
+  .sm\:place-content-center {
+    place-content: center !important;
+  }
+
+  .sm\:place-content-start {
+    place-content: start !important;
+  }
+
+  .sm\:place-content-end {
+    place-content: end !important;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between !important;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around !important;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly !important;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch !important;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto !important;
+  }
+
+  .sm\:place-self-start {
+    place-self: start !important;
+  }
+
+  .sm\:place-self-end {
+    place-self: end !important;
+  }
+
+  .sm\:place-self-center {
+    place-self: center !important;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch !important;
+  }
+
   .sm\:items-start {
     align-items: flex-start !important;
   }
@@ -27978,6 +28158,30 @@ video {
     align-items: stretch !important;
   }
 
+  .sm\:content-center {
+    align-content: center !important;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start !important;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end !important;
+  }
+
+  .sm\:content-between {
+    align-content: space-between !important;
+  }
+
+  .sm\:content-around {
+    align-content: space-around !important;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly !important;
+  }
+
   .sm\:self-auto {
     align-self: auto !important;
   }
@@ -27998,6 +28202,26 @@ video {
     align-self: stretch !important;
   }
 
+  .sm\:justify-items-auto {
+    justify-items: auto !important;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start !important;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end !important;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center !important;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: stretch !important;
+  }
+
   .sm\:justify-start {
     justify-content: flex-start !important;
   }
@@ -28022,24 +28246,24 @@ video {
     justify-content: space-evenly !important;
   }
 
-  .sm\:content-center {
-    align-content: center !important;
+  .sm\:justify-self-auto {
+    justify-self: auto !important;
   }
 
-  .sm\:content-start {
-    align-content: flex-start !important;
+  .sm\:justify-self-start {
+    justify-self: start !important;
   }
 
-  .sm\:content-end {
-    align-content: flex-end !important;
+  .sm\:justify-self-end {
+    justify-self: end !important;
   }
 
-  .sm\:content-between {
-    align-content: space-between !important;
+  .sm\:justify-self-center {
+    justify-self: center !important;
   }
 
-  .sm\:content-around {
-    align-content: space-around !important;
+  .sm\:justify-self-stretch {
+    justify-self: stretch !important;
   }
 
   .sm\:flex-1 {
@@ -46039,6 +46263,74 @@ video {
     flex-wrap: nowrap !important;
   }
 
+  .md\:place-items-auto {
+    place-items: auto !important;
+  }
+
+  .md\:place-items-start {
+    place-items: start !important;
+  }
+
+  .md\:place-items-end {
+    place-items: end !important;
+  }
+
+  .md\:place-items-center {
+    place-items: center !important;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch !important;
+  }
+
+  .md\:place-content-center {
+    place-content: center !important;
+  }
+
+  .md\:place-content-start {
+    place-content: start !important;
+  }
+
+  .md\:place-content-end {
+    place-content: end !important;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between !important;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around !important;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly !important;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch !important;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto !important;
+  }
+
+  .md\:place-self-start {
+    place-self: start !important;
+  }
+
+  .md\:place-self-end {
+    place-self: end !important;
+  }
+
+  .md\:place-self-center {
+    place-self: center !important;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch !important;
+  }
+
   .md\:items-start {
     align-items: flex-start !important;
   }
@@ -46059,6 +46351,30 @@ video {
     align-items: stretch !important;
   }
 
+  .md\:content-center {
+    align-content: center !important;
+  }
+
+  .md\:content-start {
+    align-content: flex-start !important;
+  }
+
+  .md\:content-end {
+    align-content: flex-end !important;
+  }
+
+  .md\:content-between {
+    align-content: space-between !important;
+  }
+
+  .md\:content-around {
+    align-content: space-around !important;
+  }
+
+  .md\:content-evenly {
+    align-content: space-evenly !important;
+  }
+
   .md\:self-auto {
     align-self: auto !important;
   }
@@ -46079,6 +46395,26 @@ video {
     align-self: stretch !important;
   }
 
+  .md\:justify-items-auto {
+    justify-items: auto !important;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start !important;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end !important;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center !important;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: stretch !important;
+  }
+
   .md\:justify-start {
     justify-content: flex-start !important;
   }
@@ -46103,24 +46439,24 @@ video {
     justify-content: space-evenly !important;
   }
 
-  .md\:content-center {
-    align-content: center !important;
+  .md\:justify-self-auto {
+    justify-self: auto !important;
   }
 
-  .md\:content-start {
-    align-content: flex-start !important;
+  .md\:justify-self-start {
+    justify-self: start !important;
   }
 
-  .md\:content-end {
-    align-content: flex-end !important;
+  .md\:justify-self-end {
+    justify-self: end !important;
   }
 
-  .md\:content-between {
-    align-content: space-between !important;
+  .md\:justify-self-center {
+    justify-self: center !important;
   }
 
-  .md\:content-around {
-    align-content: space-around !important;
+  .md\:justify-self-stretch {
+    justify-self: stretch !important;
   }
 
   .md\:flex-1 {
@@ -64120,6 +64456,74 @@ video {
     flex-wrap: nowrap !important;
   }
 
+  .lg\:place-items-auto {
+    place-items: auto !important;
+  }
+
+  .lg\:place-items-start {
+    place-items: start !important;
+  }
+
+  .lg\:place-items-end {
+    place-items: end !important;
+  }
+
+  .lg\:place-items-center {
+    place-items: center !important;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch !important;
+  }
+
+  .lg\:place-content-center {
+    place-content: center !important;
+  }
+
+  .lg\:place-content-start {
+    place-content: start !important;
+  }
+
+  .lg\:place-content-end {
+    place-content: end !important;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between !important;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around !important;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly !important;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch !important;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto !important;
+  }
+
+  .lg\:place-self-start {
+    place-self: start !important;
+  }
+
+  .lg\:place-self-end {
+    place-self: end !important;
+  }
+
+  .lg\:place-self-center {
+    place-self: center !important;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch !important;
+  }
+
   .lg\:items-start {
     align-items: flex-start !important;
   }
@@ -64140,6 +64544,30 @@ video {
     align-items: stretch !important;
   }
 
+  .lg\:content-center {
+    align-content: center !important;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start !important;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end !important;
+  }
+
+  .lg\:content-between {
+    align-content: space-between !important;
+  }
+
+  .lg\:content-around {
+    align-content: space-around !important;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly !important;
+  }
+
   .lg\:self-auto {
     align-self: auto !important;
   }
@@ -64160,6 +64588,26 @@ video {
     align-self: stretch !important;
   }
 
+  .lg\:justify-items-auto {
+    justify-items: auto !important;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start !important;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end !important;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center !important;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: stretch !important;
+  }
+
   .lg\:justify-start {
     justify-content: flex-start !important;
   }
@@ -64184,24 +64632,24 @@ video {
     justify-content: space-evenly !important;
   }
 
-  .lg\:content-center {
-    align-content: center !important;
+  .lg\:justify-self-auto {
+    justify-self: auto !important;
   }
 
-  .lg\:content-start {
-    align-content: flex-start !important;
+  .lg\:justify-self-start {
+    justify-self: start !important;
   }
 
-  .lg\:content-end {
-    align-content: flex-end !important;
+  .lg\:justify-self-end {
+    justify-self: end !important;
   }
 
-  .lg\:content-between {
-    align-content: space-between !important;
+  .lg\:justify-self-center {
+    justify-self: center !important;
   }
 
-  .lg\:content-around {
-    align-content: space-around !important;
+  .lg\:justify-self-stretch {
+    justify-self: stretch !important;
   }
 
   .lg\:flex-1 {
@@ -82201,6 +82649,74 @@ video {
     flex-wrap: nowrap !important;
   }
 
+  .xl\:place-items-auto {
+    place-items: auto !important;
+  }
+
+  .xl\:place-items-start {
+    place-items: start !important;
+  }
+
+  .xl\:place-items-end {
+    place-items: end !important;
+  }
+
+  .xl\:place-items-center {
+    place-items: center !important;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch !important;
+  }
+
+  .xl\:place-content-center {
+    place-content: center !important;
+  }
+
+  .xl\:place-content-start {
+    place-content: start !important;
+  }
+
+  .xl\:place-content-end {
+    place-content: end !important;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between !important;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around !important;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly !important;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch !important;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto !important;
+  }
+
+  .xl\:place-self-start {
+    place-self: start !important;
+  }
+
+  .xl\:place-self-end {
+    place-self: end !important;
+  }
+
+  .xl\:place-self-center {
+    place-self: center !important;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch !important;
+  }
+
   .xl\:items-start {
     align-items: flex-start !important;
   }
@@ -82221,6 +82737,30 @@ video {
     align-items: stretch !important;
   }
 
+  .xl\:content-center {
+    align-content: center !important;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start !important;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end !important;
+  }
+
+  .xl\:content-between {
+    align-content: space-between !important;
+  }
+
+  .xl\:content-around {
+    align-content: space-around !important;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly !important;
+  }
+
   .xl\:self-auto {
     align-self: auto !important;
   }
@@ -82241,6 +82781,26 @@ video {
     align-self: stretch !important;
   }
 
+  .xl\:justify-items-auto {
+    justify-items: auto !important;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start !important;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end !important;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center !important;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: stretch !important;
+  }
+
   .xl\:justify-start {
     justify-content: flex-start !important;
   }
@@ -82265,24 +82825,24 @@ video {
     justify-content: space-evenly !important;
   }
 
-  .xl\:content-center {
-    align-content: center !important;
+  .xl\:justify-self-auto {
+    justify-self: auto !important;
   }
 
-  .xl\:content-start {
-    align-content: flex-start !important;
+  .xl\:justify-self-start {
+    justify-self: start !important;
   }
 
-  .xl\:content-end {
-    align-content: flex-end !important;
+  .xl\:justify-self-end {
+    justify-self: end !important;
   }
 
-  .xl\:content-between {
-    align-content: space-between !important;
+  .xl\:justify-self-center {
+    justify-self: center !important;
   }
 
-  .xl\:content-around {
-    align-content: space-around !important;
+  .xl\:justify-self-stretch {
+    justify-self: stretch !important;
   }
 
   .xl\:flex-1 {
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 6c7a8c6ae..48cb4d8ea 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -8419,6 +8419,74 @@ video {
   flex-wrap: nowrap;
 }
 
+.place-items-auto {
+  place-items: auto;
+}
+
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -8439,6 +8507,30 @@ video {
   align-items: stretch;
 }
 
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
 .self-auto {
   align-self: auto;
 }
@@ -8459,6 +8551,26 @@ video {
   align-self: stretch;
 }
 
+.justify-items-auto {
+  justify-items: auto;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
 .justify-start {
   justify-content: flex-start;
 }
@@ -8483,24 +8595,24 @@ video {
   justify-content: space-evenly;
 }
 
-.content-center {
-  align-content: center;
+.justify-self-auto {
+  justify-self: auto;
 }
 
-.content-start {
-  align-content: flex-start;
+.justify-self-start {
+  justify-self: start;
 }
 
-.content-end {
-  align-content: flex-end;
+.justify-self-end {
+  justify-self: end;
 }
 
-.content-between {
-  align-content: space-between;
+.justify-self-center {
+  justify-self: center;
 }
 
-.content-around {
-  align-content: space-around;
+.justify-self-stretch {
+  justify-self: stretch;
 }
 
 .flex-1 {
@@ -24082,6 +24194,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .sm\:place-items-auto {
+    place-items: auto;
+  }
+
+  .sm\:place-items-start {
+    place-items: start;
+  }
+
+  .sm\:place-items-end {
+    place-items: end;
+  }
+
+  .sm\:place-items-center {
+    place-items: center;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .sm\:place-content-center {
+    place-content: center;
+  }
+
+  .sm\:place-content-start {
+    place-content: start;
+  }
+
+  .sm\:place-content-end {
+    place-content: end;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+
+  .sm\:place-self-start {
+    place-self: start;
+  }
+
+  .sm\:place-self-end {
+    place-self: end;
+  }
+
+  .sm\:place-self-center {
+    place-self: center;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .sm\:items-start {
     align-items: flex-start;
   }
@@ -24102,6 +24282,30 @@ video {
     align-items: stretch;
   }
 
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .sm\:self-auto {
     align-self: auto;
   }
@@ -24122,6 +24326,26 @@ video {
     align-self: stretch;
   }
 
+  .sm\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .sm\:justify-start {
     justify-content: flex-start;
   }
@@ -24146,24 +24370,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .sm\:content-center {
-    align-content: center;
+  .sm\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .sm\:content-start {
-    align-content: flex-start;
+  .sm\:justify-self-start {
+    justify-self: start;
   }
 
-  .sm\:content-end {
-    align-content: flex-end;
+  .sm\:justify-self-end {
+    justify-self: end;
   }
 
-  .sm\:content-between {
-    align-content: space-between;
+  .sm\:justify-self-center {
+    justify-self: center;
   }
 
-  .sm\:content-around {
-    align-content: space-around;
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .sm\:flex-1 {
@@ -39715,6 +39939,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .md\:place-items-auto {
+    place-items: auto;
+  }
+
+  .md\:place-items-start {
+    place-items: start;
+  }
+
+  .md\:place-items-end {
+    place-items: end;
+  }
+
+  .md\:place-items-center {
+    place-items: center;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .md\:place-content-center {
+    place-content: center;
+  }
+
+  .md\:place-content-start {
+    place-content: start;
+  }
+
+  .md\:place-content-end {
+    place-content: end;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+
+  .md\:place-self-start {
+    place-self: start;
+  }
+
+  .md\:place-self-end {
+    place-self: end;
+  }
+
+  .md\:place-self-center {
+    place-self: center;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .md\:items-start {
     align-items: flex-start;
   }
@@ -39735,6 +40027,30 @@ video {
     align-items: stretch;
   }
 
+  .md\:content-center {
+    align-content: center;
+  }
+
+  .md\:content-start {
+    align-content: flex-start;
+  }
+
+  .md\:content-end {
+    align-content: flex-end;
+  }
+
+  .md\:content-between {
+    align-content: space-between;
+  }
+
+  .md\:content-around {
+    align-content: space-around;
+  }
+
+  .md\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .md\:self-auto {
     align-self: auto;
   }
@@ -39755,6 +40071,26 @@ video {
     align-self: stretch;
   }
 
+  .md\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .md\:justify-start {
     justify-content: flex-start;
   }
@@ -39779,24 +40115,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .md\:content-center {
-    align-content: center;
+  .md\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .md\:content-start {
-    align-content: flex-start;
+  .md\:justify-self-start {
+    justify-self: start;
   }
 
-  .md\:content-end {
-    align-content: flex-end;
+  .md\:justify-self-end {
+    justify-self: end;
   }
 
-  .md\:content-between {
-    align-content: space-between;
+  .md\:justify-self-center {
+    justify-self: center;
   }
 
-  .md\:content-around {
-    align-content: space-around;
+  .md\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .md\:flex-1 {
@@ -55348,6 +55684,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .lg\:place-items-auto {
+    place-items: auto;
+  }
+
+  .lg\:place-items-start {
+    place-items: start;
+  }
+
+  .lg\:place-items-end {
+    place-items: end;
+  }
+
+  .lg\:place-items-center {
+    place-items: center;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .lg\:place-content-center {
+    place-content: center;
+  }
+
+  .lg\:place-content-start {
+    place-content: start;
+  }
+
+  .lg\:place-content-end {
+    place-content: end;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+
+  .lg\:place-self-start {
+    place-self: start;
+  }
+
+  .lg\:place-self-end {
+    place-self: end;
+  }
+
+  .lg\:place-self-center {
+    place-self: center;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .lg\:items-start {
     align-items: flex-start;
   }
@@ -55368,6 +55772,30 @@ video {
     align-items: stretch;
   }
 
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .lg\:self-auto {
     align-self: auto;
   }
@@ -55388,6 +55816,26 @@ video {
     align-self: stretch;
   }
 
+  .lg\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .lg\:justify-start {
     justify-content: flex-start;
   }
@@ -55412,24 +55860,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .lg\:content-center {
-    align-content: center;
+  .lg\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .lg\:content-start {
-    align-content: flex-start;
+  .lg\:justify-self-start {
+    justify-self: start;
   }
 
-  .lg\:content-end {
-    align-content: flex-end;
+  .lg\:justify-self-end {
+    justify-self: end;
   }
 
-  .lg\:content-between {
-    align-content: space-between;
+  .lg\:justify-self-center {
+    justify-self: center;
   }
 
-  .lg\:content-around {
-    align-content: space-around;
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .lg\:flex-1 {
@@ -70981,6 +71429,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xl\:place-items-start {
+    place-items: start;
+  }
+
+  .xl\:place-items-end {
+    place-items: end;
+  }
+
+  .xl\:place-items-center {
+    place-items: center;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xl\:place-content-center {
+    place-content: center;
+  }
+
+  .xl\:place-content-start {
+    place-content: start;
+  }
+
+  .xl\:place-content-end {
+    place-content: end;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xl\:place-self-start {
+    place-self: start;
+  }
+
+  .xl\:place-self-end {
+    place-self: end;
+  }
+
+  .xl\:place-self-center {
+    place-self: center;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .xl\:items-start {
     align-items: flex-start;
   }
@@ -71001,6 +71517,30 @@ video {
     align-items: stretch;
   }
 
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .xl\:self-auto {
     align-self: auto;
   }
@@ -71021,6 +71561,26 @@ video {
     align-self: stretch;
   }
 
+  .xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .xl\:justify-start {
     justify-content: flex-start;
   }
@@ -71045,24 +71605,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .xl\:content-center {
-    align-content: center;
+  .xl\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .xl\:content-start {
-    align-content: flex-start;
+  .xl\:justify-self-start {
+    justify-self: start;
   }
 
-  .xl\:content-end {
-    align-content: flex-end;
+  .xl\:justify-self-end {
+    justify-self: end;
   }
 
-  .xl\:content-between {
-    align-content: space-between;
+  .xl\:justify-self-center {
+    justify-self: center;
   }
 
-  .xl\:content-around {
-    align-content: space-around;
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .xl\:flex-1 {
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 442261b0b..4e63538ff 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -9847,6 +9847,74 @@ video {
   flex-wrap: nowrap;
 }
 
+.place-items-auto {
+  place-items: auto;
+}
+
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -9867,6 +9935,30 @@ video {
   align-items: stretch;
 }
 
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
 .self-auto {
   align-self: auto;
 }
@@ -9887,6 +9979,26 @@ video {
   align-self: stretch;
 }
 
+.justify-items-auto {
+  justify-items: auto;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
 .justify-start {
   justify-content: flex-start;
 }
@@ -9911,24 +10023,24 @@ video {
   justify-content: space-evenly;
 }
 
-.content-center {
-  align-content: center;
+.justify-self-auto {
+  justify-self: auto;
 }
 
-.content-start {
-  align-content: flex-start;
+.justify-self-start {
+  justify-self: start;
 }
 
-.content-end {
-  align-content: flex-end;
+.justify-self-end {
+  justify-self: end;
 }
 
-.content-between {
-  align-content: space-between;
+.justify-self-center {
+  justify-self: center;
 }
 
-.content-around {
-  align-content: space-around;
+.justify-self-stretch {
+  justify-self: stretch;
 }
 
 .flex-1 {
@@ -27958,6 +28070,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .sm\:place-items-auto {
+    place-items: auto;
+  }
+
+  .sm\:place-items-start {
+    place-items: start;
+  }
+
+  .sm\:place-items-end {
+    place-items: end;
+  }
+
+  .sm\:place-items-center {
+    place-items: center;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .sm\:place-content-center {
+    place-content: center;
+  }
+
+  .sm\:place-content-start {
+    place-content: start;
+  }
+
+  .sm\:place-content-end {
+    place-content: end;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+
+  .sm\:place-self-start {
+    place-self: start;
+  }
+
+  .sm\:place-self-end {
+    place-self: end;
+  }
+
+  .sm\:place-self-center {
+    place-self: center;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .sm\:items-start {
     align-items: flex-start;
   }
@@ -27978,6 +28158,30 @@ video {
     align-items: stretch;
   }
 
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .sm\:self-auto {
     align-self: auto;
   }
@@ -27998,6 +28202,26 @@ video {
     align-self: stretch;
   }
 
+  .sm\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .sm\:justify-start {
     justify-content: flex-start;
   }
@@ -28022,24 +28246,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .sm\:content-center {
-    align-content: center;
+  .sm\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .sm\:content-start {
-    align-content: flex-start;
+  .sm\:justify-self-start {
+    justify-self: start;
   }
 
-  .sm\:content-end {
-    align-content: flex-end;
+  .sm\:justify-self-end {
+    justify-self: end;
   }
 
-  .sm\:content-between {
-    align-content: space-between;
+  .sm\:justify-self-center {
+    justify-self: center;
   }
 
-  .sm\:content-around {
-    align-content: space-around;
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .sm\:flex-1 {
@@ -46039,6 +46263,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .md\:place-items-auto {
+    place-items: auto;
+  }
+
+  .md\:place-items-start {
+    place-items: start;
+  }
+
+  .md\:place-items-end {
+    place-items: end;
+  }
+
+  .md\:place-items-center {
+    place-items: center;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .md\:place-content-center {
+    place-content: center;
+  }
+
+  .md\:place-content-start {
+    place-content: start;
+  }
+
+  .md\:place-content-end {
+    place-content: end;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+
+  .md\:place-self-start {
+    place-self: start;
+  }
+
+  .md\:place-self-end {
+    place-self: end;
+  }
+
+  .md\:place-self-center {
+    place-self: center;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .md\:items-start {
     align-items: flex-start;
   }
@@ -46059,6 +46351,30 @@ video {
     align-items: stretch;
   }
 
+  .md\:content-center {
+    align-content: center;
+  }
+
+  .md\:content-start {
+    align-content: flex-start;
+  }
+
+  .md\:content-end {
+    align-content: flex-end;
+  }
+
+  .md\:content-between {
+    align-content: space-between;
+  }
+
+  .md\:content-around {
+    align-content: space-around;
+  }
+
+  .md\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .md\:self-auto {
     align-self: auto;
   }
@@ -46079,6 +46395,26 @@ video {
     align-self: stretch;
   }
 
+  .md\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .md\:justify-start {
     justify-content: flex-start;
   }
@@ -46103,24 +46439,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .md\:content-center {
-    align-content: center;
+  .md\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .md\:content-start {
-    align-content: flex-start;
+  .md\:justify-self-start {
+    justify-self: start;
   }
 
-  .md\:content-end {
-    align-content: flex-end;
+  .md\:justify-self-end {
+    justify-self: end;
   }
 
-  .md\:content-between {
-    align-content: space-between;
+  .md\:justify-self-center {
+    justify-self: center;
   }
 
-  .md\:content-around {
-    align-content: space-around;
+  .md\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .md\:flex-1 {
@@ -64120,6 +64456,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .lg\:place-items-auto {
+    place-items: auto;
+  }
+
+  .lg\:place-items-start {
+    place-items: start;
+  }
+
+  .lg\:place-items-end {
+    place-items: end;
+  }
+
+  .lg\:place-items-center {
+    place-items: center;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .lg\:place-content-center {
+    place-content: center;
+  }
+
+  .lg\:place-content-start {
+    place-content: start;
+  }
+
+  .lg\:place-content-end {
+    place-content: end;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+
+  .lg\:place-self-start {
+    place-self: start;
+  }
+
+  .lg\:place-self-end {
+    place-self: end;
+  }
+
+  .lg\:place-self-center {
+    place-self: center;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .lg\:items-start {
     align-items: flex-start;
   }
@@ -64140,6 +64544,30 @@ video {
     align-items: stretch;
   }
 
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .lg\:self-auto {
     align-self: auto;
   }
@@ -64160,6 +64588,26 @@ video {
     align-self: stretch;
   }
 
+  .lg\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .lg\:justify-start {
     justify-content: flex-start;
   }
@@ -64184,24 +64632,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .lg\:content-center {
-    align-content: center;
+  .lg\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .lg\:content-start {
-    align-content: flex-start;
+  .lg\:justify-self-start {
+    justify-self: start;
   }
 
-  .lg\:content-end {
-    align-content: flex-end;
+  .lg\:justify-self-end {
+    justify-self: end;
   }
 
-  .lg\:content-between {
-    align-content: space-between;
+  .lg\:justify-self-center {
+    justify-self: center;
   }
 
-  .lg\:content-around {
-    align-content: space-around;
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .lg\:flex-1 {
@@ -82201,6 +82649,74 @@ video {
     flex-wrap: nowrap;
   }
 
+  .xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xl\:place-items-start {
+    place-items: start;
+  }
+
+  .xl\:place-items-end {
+    place-items: end;
+  }
+
+  .xl\:place-items-center {
+    place-items: center;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xl\:place-content-center {
+    place-content: center;
+  }
+
+  .xl\:place-content-start {
+    place-content: start;
+  }
+
+  .xl\:place-content-end {
+    place-content: end;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xl\:place-self-start {
+    place-self: start;
+  }
+
+  .xl\:place-self-end {
+    place-self: end;
+  }
+
+  .xl\:place-self-center {
+    place-self: center;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
   .xl\:items-start {
     align-items: flex-start;
   }
@@ -82221,6 +82737,30 @@ video {
     align-items: stretch;
   }
 
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
   .xl\:self-auto {
     align-self: auto;
   }
@@ -82241,6 +82781,26 @@ video {
     align-self: stretch;
   }
 
+  .xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
   .xl\:justify-start {
     justify-content: flex-start;
   }
@@ -82265,24 +82825,24 @@ video {
     justify-content: space-evenly;
   }
 
-  .xl\:content-center {
-    align-content: center;
+  .xl\:justify-self-auto {
+    justify-self: auto;
   }
 
-  .xl\:content-start {
-    align-content: flex-start;
+  .xl\:justify-self-start {
+    justify-self: start;
   }
 
-  .xl\:content-end {
-    align-content: flex-end;
+  .xl\:justify-self-end {
+    justify-self: end;
   }
 
-  .xl\:content-between {
-    align-content: space-between;
+  .xl\:justify-self-center {
+    justify-self: center;
   }
 
-  .xl\:content-around {
-    align-content: space-around;
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
   }
 
   .xl\:flex-1 {
diff --git a/src/corePlugins.js b/src/corePlugins.js
index 303b2e233..61e7b2170 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -24,10 +24,15 @@ import cursor from './plugins/cursor'
 import display from './plugins/display'
 import flexDirection from './plugins/flexDirection'
 import flexWrap from './plugins/flexWrap'
+import placeItems from './plugins/placeItems'
+import placeContent from './plugins/placeContent'
+import placeSelf from './plugins/placeSelf'
 import alignItems from './plugins/alignItems'
-import alignSelf from './plugins/alignSelf'
-import justifyContent from './plugins/justifyContent'
 import alignContent from './plugins/alignContent'
+import alignSelf from './plugins/alignSelf'
+import justifyItems from './plugins/justifyItems'
+import justifyContent from './plugins/justifyContent'
+import justifySelf from './plugins/justifySelf'
 import flex from './plugins/flex'
 import flexGrow from './plugins/flexGrow'
 import flexShrink from './plugins/flexShrink'
@@ -138,10 +143,15 @@ export default function({ corePlugins: corePluginConfig }) {
     display,
     flexDirection,
     flexWrap,
+    placeItems,
+    placeContent,
+    placeSelf,
     alignItems,
-    alignSelf,
-    justifyContent,
     alignContent,
+    alignSelf,
+    justifyItems,
+    justifyContent,
+    justifySelf,
     flex,
     flexGrow,
     flexShrink,
diff --git a/src/plugins/alignContent.js b/src/plugins/alignContent.js
index 9ea3a4937..f99375779 100644
--- a/src/plugins/alignContent.js
+++ b/src/plugins/alignContent.js
@@ -17,6 +17,9 @@ export default function() {
         '.content-around': {
           'align-content': 'space-around',
         },
+        '.content-evenly': {
+          'align-content': 'space-evenly',
+        },
       },
       variants('alignContent')
     )
diff --git a/src/plugins/justifyItems.js b/src/plugins/justifyItems.js
new file mode 100644
index 000000000..5e304ee06
--- /dev/null
+++ b/src/plugins/justifyItems.js
@@ -0,0 +1,28 @@
+export default function() {
+  return function({ addUtilities, variants, target }) {
+    if (target('justifyItems') === 'ie11') {
+      return
+    }
+
+    addUtilities(
+      {
+        '.justify-items-auto': {
+          'justify-items': 'auto',
+        },
+        '.justify-items-start': {
+          'justify-items': 'start',
+        },
+        '.justify-items-end': {
+          'justify-items': 'end',
+        },
+        '.justify-items-center': {
+          'justify-items': 'center',
+        },
+        '.justify-items-stretch': {
+          'justify-items': 'stretch',
+        },
+      },
+      variants('justifyItems')
+    )
+  }
+}
diff --git a/src/plugins/justifySelf.js b/src/plugins/justifySelf.js
new file mode 100644
index 000000000..737069106
--- /dev/null
+++ b/src/plugins/justifySelf.js
@@ -0,0 +1,28 @@
+export default function() {
+  return function({ addUtilities, variants, target }) {
+    if (target('justifySelf') === 'ie11') {
+      return
+    }
+
+    addUtilities(
+      {
+        '.justify-self-auto': {
+          'justify-self': 'auto',
+        },
+        '.justify-self-start': {
+          'justify-self': 'start',
+        },
+        '.justify-self-end': {
+          'justify-self': 'end',
+        },
+        '.justify-self-center': {
+          'justify-self': 'center',
+        },
+        '.justify-self-stretch': {
+          'justify-self': 'stretch',
+        },
+      },
+      variants('justifySelf')
+    )
+  }
+}
diff --git a/src/plugins/placeContent.js b/src/plugins/placeContent.js
new file mode 100644
index 000000000..74d1155e9
--- /dev/null
+++ b/src/plugins/placeContent.js
@@ -0,0 +1,34 @@
+export default function() {
+  return function({ addUtilities, variants, target }) {
+    if (target('placeContent') === 'ie11') {
+      return
+    }
+
+    addUtilities(
+      {
+        '.place-content-center': {
+          'place-content': 'center',
+        },
+        '.place-content-start': {
+          'place-content': 'start',
+        },
+        '.place-content-end': {
+          'place-content': 'end',
+        },
+        '.place-content-between': {
+          'place-content': 'space-between',
+        },
+        '.place-content-around': {
+          'place-content': 'space-around',
+        },
+        '.place-content-evenly': {
+          'place-content': 'space-evenly',
+        },
+        '.place-content-stretch': {
+          'place-content': 'stretch',
+        },
+      },
+      variants('placeContent')
+    )
+  }
+}
diff --git a/src/plugins/placeItems.js b/src/plugins/placeItems.js
new file mode 100644
index 000000000..a164b0242
--- /dev/null
+++ b/src/plugins/placeItems.js
@@ -0,0 +1,28 @@
+export default function() {
+  return function({ addUtilities, variants, target }) {
+    if (target('placeItems') === 'ie11') {
+      return
+    }
+
+    addUtilities(
+      {
+        '.place-items-auto': {
+          'place-items': 'auto',
+        },
+        '.place-items-start': {
+          'place-items': 'start',
+        },
+        '.place-items-end': {
+          'place-items': 'end',
+        },
+        '.place-items-center': {
+          'place-items': 'center',
+        },
+        '.place-items-stretch': {
+          'place-items': 'stretch',
+        },
+      },
+      variants('placeItems')
+    )
+  }
+}
diff --git a/src/plugins/placeSelf.js b/src/plugins/placeSelf.js
new file mode 100644
index 000000000..f57468d25
--- /dev/null
+++ b/src/plugins/placeSelf.js
@@ -0,0 +1,28 @@
+export default function() {
+  return function({ addUtilities, variants, target }) {
+    if (target('placeSelf') === 'ie11') {
+      return
+    }
+
+    addUtilities(
+      {
+        '.place-self-auto': {
+          'place-self': 'auto',
+        },
+        '.place-self-start': {
+          'place-self': 'start',
+        },
+        '.place-self-end': {
+          'place-self': 'end',
+        },
+        '.place-self-center': {
+          'place-self': 'center',
+        },
+        '.place-self-stretch': {
+          'place-self': 'stretch',
+        },
+      },
+      variants('placeSelf')
+    )
+  }
+}
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 8ee217f54..ed95acd8c 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -710,6 +710,8 @@ module.exports = {
     height: ['responsive'],
     inset: ['responsive'],
     justifyContent: ['responsive'],
+    justifyItems: ['responsive'],
+    justifySelf: ['responsive'],
     letterSpacing: ['responsive'],
     lineHeight: ['responsive'],
     listStylePosition: ['responsive'],
@@ -727,6 +729,9 @@ module.exports = {
     overflow: ['responsive'],
     overscrollBehavior: ['responsive'],
     padding: ['responsive'],
+    placeContent: ['responsive'],
+    placeItems: ['responsive'],
+    placeSelf: ['responsive'],
     placeholderColor: ['responsive', 'focus'],
     placeholderOpacity: ['responsive', 'focus'],
     pointerEvents: ['responsive'],