manuth/ConnectForce
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix design of Connect4 board
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
Details

Browse source
This commit is contained in:
Manuel Thalmann 2022-12-06 13:52:25 +01:00
parent 0b5cffb9d9
commit aaac8f1912
No known key found for this signature in database
GPG key ID: 5FD9AD3CCDDBD27B
2 changed files with 33 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/index.html
View file

@ -16,6 +16,7 @@
<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 class="field">
<div class="red piece"></div> <div class="red piece"></div>
</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 class="field"></div>
<div class="field"></div>
<div class="field"></div>
</div> </div>
</body> </body>
</html> </html>

6
src/styles/style.css
View file

@ -12,11 +12,11 @@ div {
border: 1px solid black; border: 1px solid black;
width: 12vw; width: 12vw;
height: 12vw; height: 12vw;
display: none; float: left;
} }
.board .field:first-child { .board .row .field:first-child {
display: block; clear: both;
} }
.board .field .piece { .board .field .piece {