center justify sections

style.css

@@ -9,23 +9,21 @@ body {
 .container {
   display: flex; /* Enable flexbox layout */
   flex-wrap: wrap; /* Allow items to wrap into multiple rows*/
-  justify-content: space-around; /* Distribute space around sections */
+  justify-content: center;
 }
 
 .section {
   width: fit-content;
   margin-bottom: 20px;
-
   padding: 15px;
 }
 
 h3 {
-  /* Style titles */
   text-align: center;
 }
 
 canvas {
-    max-width: 256px;
+  max-width: 256px;
 }
 
 #fen {
@@ -34,7 +32,7 @@ canvas {
 }
 
 /* Media query for smaller screens */
-@media (max-width: 768px) { 
+@media (max-width: 768px) {
   #fen {
     font-size: xx-small; /* Smaller font size on smaller screens */
   }