Update build-a-conversational-game-in-p5js.mdx

Author: asiqurrahman

projects/build-a-conversational-game-in-p5js/build-a-conversational-game-in-p5js.mdx

@@ -41,17 +41,44 @@ tags:
 
 Hi, my name is ✨Julien✨, and I’m the new Senior Curriculum Developer here at Codédex! I love zines, games, indie comics, park hangs, and experimental baking (holiday cookie box loading…). I’m based in Brooklyn, and am originally from Los Angeles! I’ve always made art, and didn’t consider myself a technical person until my coding journey unexpectedly began about a decade ago.
 
-<div style={{display: "flex", alignItems: "center", justifyContent: "center"}}>
 <div>
-            <img src="https://i.imgur.com/a0I87n4.png" />
-
-            <img src="https://i.imgur.com/ZLLInna.png" />
-
-            <img src="https://i.imgur.com/eN6lvAQ.png" />
-
-            <img src="https://i.imgur.com/wkYjjo9.png" />
-</div>
+  <div
+    style={{
+      display: "grid",
+      gridTemplateColumns: "1fr 1fr 1fr 1fr",
+      margin: "0 3rem",
+    }}
+  >
+    <img
+      src="https://i.imgur.com/a0I87n4.png"
+      alt=""
+      height={200}
+      width="auto"
+    />
+    <img
+      src="https://i.imgur.com/ZLLInna.png"
+      alt=""
+      height={200}
+      width="auto"
+    />
+    <img
+      src="https://i.imgur.com/eN6lvAQ.png"
+      alt=""
+      height={200}
+      width="auto"
+    />
+    <img
+      src="https://i.imgur.com/wkYjjo9.png"
+      alt=""
+      height={200}
+      width="auto"
+    />
+  </div>
+  <p style={{ textAlign: "center", fontWeight: "700", marginTop: "2rem" }}>
+    Choose your fighter 👾
+  </p>
 </div>
+
 choose your fighter 👾
 
 Since this is my first project tutorial here at Codédex, I’m revisiting the first coding project I ever finished. I made it ten years ago using [Processing](https://processing.org) (the Java-based precursor to p5.js).