css - HTML Can't Change Height of Div -


So I'm working on a Tic Tac toe, but for some reason my devices will not change their height.

  & lt; Header & gt; Tic Tech Toe & lt; / Header & gt; & Lt; Div id = 'board' & gt; & Lt; Div class = 'cell' & gt; & Lt; / Div & gt; & Lt; Div class = 'cell' & gt; & Lt; / Div & gt; & Lt; Div class = 'cell' & gt; & Lt; / Div & gt; The width of the divs is changing well, but for the height (which is going to be 30%)   
each of the screen) practical Forms are lines.

EDIT: This is probably not necessary but I feel bad, if you help, thank you for taking your time. :)

That's why you do not have the height of the board and about 30% is 0. 0.

Add some height in the div with the board id.

Add it to your CSS:

  html {background color: black; White color; Text-align: center; } # Boards {height: 300px; } .cel {border: 1px solid white; Margin: 1px; Width: 30%; Height: 30%; }  

Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -