diff --git a/style.css b/style.css index fce24b5..22d3ece 100644 --- a/style.css +++ b/style.css @@ -16,8 +16,7 @@ body { } .wrapper { - width: 65vmin; - height: 70vmin; + width: 80vmin; display: flex; flex-direction: column; border-radius: 5px; @@ -35,11 +34,15 @@ body { .play-board { width: 100%; - height: 100%; + aspect-ratio: 1; display: grid; grid-template-rows: repeat(30, 1fr); grid-template-columns: repeat(30, 1fr); background-color: #212837; + background-image: + repeating-linear-gradient(0deg, #2a3142 0px, #2a3142 1px, transparent 1px, transparent), + repeating-linear-gradient(90deg, #2a3142 0px, #2a3142 1px, transparent 1px, transparent); + background-size: calc(100% / 30) calc(100% / 30); } .play-board .food {