Hi all, 

I was hoping someone could help me out. I am new to CSS and I have been trying to mess around with make my page look nicer as to use it as a portfolio. 

I have been reading the CSS references but I am struggling to change the cell sizes, and the amount of cells per row. Would anyone be able to point me in the right direction?

Would be massively appreciated. Thank you! 

Here is the Custom CSS I have so far

.game_cell 
{ 
background-color: #6b95b2; 
padding: 3px; 
border: 3px solid black; 
border-radius: 10px;  
position: relative; 
display: inline-block; 
transition: all 200ms ease-in; 
transform: scale(0.9); 
}  
.game_cell:hover 
{ 
box-shadow: 0px 0px 10px 5px #111111; 
z-index: 1; 
transition: all 100ms ease-in; 
transform: scale(1); 
}  
.game_grid_widget .game_cell  
{ 
text-align: center; 
}