From 557d96b1df675574a4710a2063d7a0e1fde08153 Mon Sep 17 00:00:00 2001 From: Susan Wu Date: Sun, 24 Dec 2023 07:40:19 -0500 Subject: [PATCH] Create block-game.css --- Blockers2.io/block-game.css | 40 +++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 Blockers2.io/block-game.css diff --git a/Blockers2.io/block-game.css b/Blockers2.io/block-game.css new file mode 100644 index 0000000..81b7a51 --- /dev/null +++ b/Blockers2.io/block-game.css @@ -0,0 +1,40 @@ +:root { + --grid-cols: 1; + --grid-rows: 1; +} + +#container { + display: grid; + grid-gap: 0em; + grid-template-rows: repeat(var(--grid-rows), 0fr); + grid-template-columns: repeat(var(--grid-cols), 0fr); + justify-content: center; +} + +.grid-item { + padding: 2em; + border: 1px solid #ddd; + text-align: center; +} + +.blue { + fill: #0000ff; +} + +.purple { + fill: #7F00FF; +} + +.white { + fill: #FFFFFF; +} + +.character { + height: 50px; + width: 50px; + padding: 5px; + background-color: #6d00c1; + border-radius: 50%; + display: inline-block; + position: relative; +}