Merge pull request #4733 from craigcook/bug-1349284-grid-demo-code

[fix bug 1349284] Show correct CSS for grid example

bedrock/mozorg/templates/mozorg/developer/css-grid-demo.html

@@ -276,22 +276,22 @@
 
 .item-1 {
     grid-area: a;
-    align-self: end;
+    align-self: start;
 }
 
 .item-2 {
     grid-area: b;
-    align-self: start;
+    align-self: end;
 }
 
 .item-3 {
     grid-area: c;
-    align-self: end;
+    align-self: start;
 }
 
 .item-4 {
     grid-area: d;
-    align-self: start;
+    align-self: end;
 }</pre>
           </div>
 

media/css/mozorg/developer/css-grid-demo.scss

@@ -728,7 +728,7 @@ a:visited {
         .grid-container {
             display: grid;
             grid-template-columns: repeat(4, 1fr);
-            grid-auto-rows: 100px;
+            grid-auto-rows: minmax(100px, 1fr);
             grid-gap: 20px;
             grid-template-areas:
                 'a a b b'