docs: update example

Author: thingsym

docs/css/default.css

@@ -69,7 +69,9 @@ body {
 }
 
 h2 {
-  border-bottom: solid 1px #ccc;
+  font-size: 180%;
+  border-bottom: solid 2px #ccc;
+  margin-top: 4rem;
 }
 
 pre {

docs/css/example-margin-offset.css

@@ -1824,6 +1824,41 @@ ul.grid li {
   margin-bottom: 2%;
 }
 
+.grid--both-row {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.grid--both-row > .grid__col-both {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 49.16667%;
+  flex: 0 0 49.16667%;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+}
+
+.grid--both-row > .grid__col-both.left {
+  text-align: left;
+}
+
+.grid--both-row > .grid__col-both.right {
+  text-align: right;
+  margin-left: auto;
+}
+
 .grid--items-row-alignment {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

docs/css/example.css

@@ -1651,6 +1651,41 @@ ul.grid li {
   margin: 0 1% 2%;
 }
 
+.grid--both-row {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.grid--both-row > .grid__col-both {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 49.16667%;
+  flex: 0 0 49.16667%;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+}
+
+.grid--both-row > .grid__col-both.left {
+  text-align: left;
+}
+
+.grid--both-row > .grid__col-both.right {
+  text-align: right;
+  margin-left: auto;
+}
+
 .grid--items-row-alignment {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;