diff --git a/src/index.html b/src/index.html index 6dcee83..9704a97 100644 --- a/src/index.html +++ b/src/index.html @@ -16,6 +16,7 @@ <div class="field"></div> <div class="field"></div> <div class="field"></div> + <div class="field"></div> <div class="field"> <div class="red piece"></div> </div> @@ -24,6 +25,35 @@ <div class="field"></div> <div class="field"></div> <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> + <div class="field"></div> </div> </body> </html> \ No newline at end of file diff --git a/src/styles/style.css b/src/styles/style.css index 50b81a4..fba8b05 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -12,11 +12,11 @@ div { border: 1px solid black; width: 12vw; height: 12vw; - display: none; + float: left; } -.board .field:first-child { - display: block; +.board .row .field:first-child { + clear: both; } .board .field .piece {