franpcode/Tic-Tac-Toe-Game
1
0
Fork 0
mirror of https://github.com/FranP-code/Tic-Tac-Toe-Game.git synced 2025-10-12 23:52:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

game styles done

Browse Source
This commit is contained in:
Francisco Pessano
2021-12-27 11:39:49 -03:00
parent 45227c5596
commit 70e6ddcedb
6 changed files with 338 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
styles/styles.css
View File

@@ -1,22 +1,3 @@
html, body {
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
overflow-y: hidden;
}
body {
margin: 0;
padding: 0;
background-color: #dd7979;
display: flex;
justify-content: center;
align-items: center;
}
button {
cursor: pointer;
}
.player-selection {
background-color: #fff;
height: 33vh;
@@ -119,4 +100,75 @@ button {
transition: 0.4s ease-in-out;
}
.game {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
.game .box {
width: 10vw;
height: 10vw;
border: 2px #fff solid;
box-sizing: border-box;
cursor: pointer;
}
.game .box#box-1 {
border-top: 0px;
border-left: 0px;
}
.game .box#box-2 {
border-top: 0px;
}
.game .box#box-3 {
border-top: 0px;
border-right: 0px;
}
.game .box#box-4 {
border-left: 0px;
}
.game .box#box-6 {
border-right: 0px;
}
.game .box#box-7 {
border-bottom: 0px;
border-left: 0px;
}
.game .box#box-8 {
border-bottom: 0px;
}
.game .box#box-9 {
border-bottom: 0px;
border-right: 0px;
}
@media (max-width: 900px) {
.game {
width: 80vw;
height: 80vw;
}
.game .box {
width: 100%;
height: 100%;
}
}
html, body {
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
overflow-y: hidden;
}
body {
margin: 0;
padding: 0;
background-color: #dd7979;
display: flex;
justify-content: center;
align-items: center;
}
button {
cursor: pointer;
}
/*# sourceMappingURL=styles.css.map */