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

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 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>

6
src/styles/style.css
View file

@ -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 {