Center logo images

src/about.py

@@ -193,15 +193,15 @@ Make sure you have followed the above steps first.
 If everything is done, check you can launch the EleutherAIHarness on your model locally, using the above command without modifications (you can add `--limit` to limit the number of examples per task).
 """
 BOTTOM_LOGO = """
-<div style="display: flex; flex-direction: row; justify-content">
-  <a href="https://llm-jp.nii.ac.jp/en/">
-    <img src="https://raw.githubusercontent.com/AkimfromParis/akimfromparis/refs/heads/main/images/LLM-jp-Logo-Oct-2024.png" alt="LLM-jp" style="max-height: 100px">
+<div style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
+  <a href="https://llm-jp.nii.ac.jp/en/" style="margin: 0 10px;">
+    <img src="https://raw.githubusercontent.com/AkimfromParis/akimfromparis/refs/heads/main/images/LLM-jp-Logo-Oct-2024.png" alt="LLM-jp" style="max-height: 100px;">
   </a>
-  <a href="https://mdx.jp/">
-    <img src="https://raw.githubusercontent.com/AkimfromParis/akimfromparis/refs/heads/main/images/MDX-Logo-Oct-2024.jpg" alt="MDX" style="max-height: 100px">
+  <a href="https://mdx.jp/" style="margin: 0 10px;">
+    <img src="https://raw.githubusercontent.com/AkimfromParis/akimfromparis/refs/heads/main/images/MDX-Logo-Oct-2024.jpg" alt="MDX" style="max-height: 100px;">
   </a>
-    <a href="https://huggingface.co/">
-    <img src="https://raw.githubusercontent.com/AkimfromParis/akimfromparis/refs/heads/main/images/HuggingFace-Logo-Oct-2024.png" alt="HuggingFace" style="max-height: 100px">
+  <a href="https://huggingface.co/" style="margin: 0 10px;">
+    <img src="https://raw.githubusercontent.com/AkimfromParis/akimfromparis/refs/heads/main/images/HuggingFace-Logo-Oct-2024.png" alt="HuggingFace" style="max-height: 100px;">
   </a>
 </div>
 """