From 56e0d77c578e6b7ca70560818c9c383594eb31fe Mon Sep 17 00:00:00 2001 From: snen Date: Fri, 24 Sep 2021 02:58:41 -0400 Subject: [PATCH] Add game page styles --- client/styles.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/client/styles.css b/client/styles.css index f4538f6..4bae0e4 100644 --- a/client/styles.css +++ b/client/styles.css @@ -124,3 +124,42 @@ h2 { display: flex; justify-content: space-evenly; } + +/* Game */ + +.game-container { + height: 100%; + width: 100%; + + display: flex; + flex-direction: row; +} + +.game-sidebar { + flex: 0; + width: 200px; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.game-board { + flex: auto; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; +} + +.fighter-area { + display: flex; + justify-content: space-evenly; + align-items: center; +} + +.hand { + display: flex; + justify-content: center; + text-align: center; +}