board with 9 squares
This commit is contained in:
		
							parent
							
								
									3a9701411c
								
							
						
					
					
						commit
						bac27fe73b
					
				
							
								
								
									
										17
									
								
								src/App.js
									
									
									
									
									
								
							
							
						
						
									
										17
									
								
								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>
 | 
			
		||||
  </>
 | 
			
		||||
  );
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -26,3 +26,9 @@ code {
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  width: 34px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.board-row:after {
 | 
			
		||||
  clear: both;
 | 
			
		||||
  content: '';
 | 
			
		||||
  display: table;
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user