View difference between Paste ID: wMA770Fy and 9JDwQbND

 section{
-    width: 9em;
+  width:80%;
-    margin: 1ex auto;
+  margin:0 auto;
-    background-color: #F0F0F0;
+
-    text-align: center;
+section>dl{
   display:grid;
   grid-template-columns:1fr;
   grid-auto-rows:180px;
   grid-gap:10px;
 }
 section div {
   background-color: #F0F0F0;
   text-align: center;
 	padding:2em;}
 section dd {
     margin: 0;
     color: #66cca8;}
-        width:35%;
+
-        float:left;
+
-        margin:7.5%;
+
-        padding: 1em 0 1.5em;   }
+
    ========================================================================== */
-        font-size:125%;
+
   section>dl{
-   section div:nth-of-type(3) { clear: left;   }
+  grid-template-columns:repeat(2,1fr);
 }
    section div {
         padding: 1em;  }
    section dt {
-    section div {
+
-        width:23%;
+
-        height:148px;
+
-        margin: 0 1%;  }
+
-    section div:nth-of-type(3) {   clear: none;  }
+
 section>dl{
   grid-template-columns:repeat(4,20%);
 
 }
 }