Make the game board its own widget.

lib/main.dart

@@ -9,16 +9,29 @@ class MainApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const MaterialApp(
+    return const MaterialApp(home: Scaffold(body: GameBoard()));
-      home: Scaffold(
+  }
-        body: Row(
+}
+
+class GameBoard extends StatelessWidget {
+  const GameBoard({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+      crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [
         // Player 1 Goal
-            Column(children: [Text("P1")]),
+        Column(children: [Center(child: Text(" P1 "))]),
         // Center holes
         Column(
+          spacing: 2,
           children: [
             Row(
+              spacing: 2,
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              crossAxisAlignment: CrossAxisAlignment.stretch,
               children: [
                 Column(children: [Text(" 0,0 ")]),
                 Column(children: [Text(" 1,0 ")]),
@@ -29,6 +42,9 @@ class MainApp extends StatelessWidget {
               ],
             ),
             Row(
+              spacing: 2,
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              crossAxisAlignment: CrossAxisAlignment.stretch,
               children: [
                 Column(children: [Text(" 0,1 ")]),
                 Column(children: [Text(" 1,1 ")]),
@@ -41,10 +57,8 @@ class MainApp extends StatelessWidget {
           ],
         ),
         // Player 2 Goal
-            Column(children: [Text("P2")]),
+        Column(children: [Center(child: Text(" P2 "))]),
       ],
-        ),
-      ),
     );
   }
 }