From bac27fe73b7ecce2b3ad6097db07288cdaca61b4 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Mon, 31 Jul 2023 13:44:31 +0200
Subject: [PATCH] board with 9 squares

---
 src/App.js    | 17 +++++++++++++++--
 src/index.css |  6 ++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index 71eede6..e9d3d57 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,8 +3,21 @@ import './App.css';
 function App() {
   return (
   <>
-    <button className="square">X</button>
-    <button className="square">X</button>
+  <div className="board-row">
+    <button className="square">1</button>
+    <button className="square">2</button>
+    <button className="square">3</button>
+  </div>
+  <div className="board-row">
+    <button className="square">4</button>
+    <button className="square">5</button>
+    <button className="square">6</button>
+  </div>
+  <div className="board-row">
+    <button className="square">7</button>
+    <button className="square">8</button>
+    <button className="square">9</button>
+  </div>
   </>
   );
 }
diff --git a/src/index.css b/src/index.css
index 37c2575..edf19fd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -25,4 +25,10 @@ code {
   padding: 0;
   text-align: center;
   width: 34px;
+}
+
+.board-row:after {
+  clear: both;
+  content: '';
+  display: table;
 }
\ No newline at end of file