Fix formatting and error

overcomplicatedStatuses.js

@@ -1,4 +1,9 @@
-const path = require("path")
+const path = require("path"),
+fs = require("fs")
+
+var config = JSON.parse(fs.readFileSync(path.join(__dirname, 'config.json')))
+
+var activityImages = config.activityImages
 
 function get_img_url(activity, size = "large_image") {
 
@@ -190,6 +195,7 @@ module.exports = {
                 }
             }
         }
+        addedHTML = addedHTML.replaceAll("Violet", "{Violet}")
         return addedHTML + "</div>"
     }
 }

static/root.css

@@ -92,16 +92,17 @@ img:not(.project-inner > div > img) {
 
 @media screen and (min-width: 750px) {
     .activity-container {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-gap: 10px;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
     }
 
     .activity {
+        flex: 0 0 49%;
         margin: auto;
-        width: 100%;
+        padding: 0;
+        margin: 0;
         align-content: center;
-        /* border: 2px white solid; */
     }
 }