Switched to flex-grid to allow the final line to be centered

src/uncategorized/buildingWidgets.tw

@@ -68,7 +68,9 @@ Yes, I am aware this is horrible. If anyone can figure out how to get widgets to
         display:block;
     }
     .arcology.griddedLinks .penthouseWrapper {
-        display: grid;
+        display: flex;
+        flex-wrap: wrap;
+        box-sizing: border-box;
     }
     .arcology.griddedLinks .penthouse .info:before,
     .arcology.griddedLinks .penthouse .info:after {
@@ -80,11 +82,16 @@ Yes, I am aware this is horrible. If anyone can figure out how to get widgets to
         margin-top: -0.2em;
         margin-bottom: 0.2em;
     }
-    .arcology.grid2 .penthouseWrapper {
-        grid-template-columns: repeat(2, 1fr);
+    .arcology.griddedLinks .penthouseWrapper .penthouse {
+        flex-grow: 1;
+        box-sizing: border-box;
+        justify-content: space-between;
     }
-    .arcology.grid3 .penthouseWrapper {
-        grid-template-columns: repeat(3, 1fr);
+    .arcology.grid2 .penthouseWrapper .penthouse {
+        width: 45%;
+    }
+    .arcology.grid3 .penthouseWrapper .penthouse {
+        width: 30%;
     }
 </style>