diff --git a/snakeandladder-board/src/App.css b/snakeandladder-board/src/App.css
index eb60137..08fb977 100644
--- a/snakeandladder-board/src/App.css
+++ b/snakeandladder-board/src/App.css
@@ -1,7 +1,6 @@
 
 .game-board{
   display: grid;
-  grid-template-columns: repeat(10, 1fr);
   width: max-content;
   margin: 5vh;
 }
@@ -28,4 +27,4 @@
   align-items: center;  
   display: flex;
   justify-content: center;
-}
\ No newline at end of file
+}
diff --git a/snakeandladder-board/src/App.js b/snakeandladder-board/src/App.js
index 74e43b5..afb3017 100644
--- a/snakeandladder-board/src/App.js
+++ b/snakeandladder-board/src/App.js
@@ -27,7 +27,8 @@ function App() {
   console.log(data)
   return (
     <div className="App">
-      <div  className = 'game-board'>
+      <div  className = 'game-board' 
+        style={{gridTemplateColumns: `repeat(${boardSize}, 1fr)`}}>
       {data.map((item) => {
         return(
           <div className='game-cell'>{item}</div>