Show current and next card left-to-right.

2 files changed, 3 insertions, 2 deletions

diff --git a/play.css b/play.css
index d3a161b..8edccf8 100644
--- a/play.css
+++ b/play.css
@@ -308,6 +308,7 @@ path.tip { stroke: yellow; }
 #card_panel {
 	display: flex;
 	flex-wrap: wrap;
+	justify-content: center;
 	gap: 18px;
 	padding: 0 18px;
 	max-width: 1614px;
diff --git a/play.html b/play.html
index 6a66865..5165b7e 100644
--- a/play.html
+++ b/play.html
@@ -183,9 +183,9 @@
 </div>
 
 <div id="card_panel">
-<div id="deck_outer" class="card card_back"><div id="deck_size"></div></div>
-<div id="next_card" class="card card_2"></div>
 <div id="this_card" class="card card_1"></div>
+<div id="next_card" class="card card_2"></div>
+<div id="deck_outer" class="card card_back"><div id="deck_size"></div></div>
 </div>
 
 </main>