From b1de395167c8bb811150482729b8a319dc4ca3ee Mon Sep 17 00:00:00 2001
From: Alexander Goussas <alexandergoussas.thoughtworks@latam.com>
Date: Sun, 28 Jun 2026 11:32:47 -0500
Subject: [PATCH] feat: add numbering to front of cards

---
 static/script.js  | 2 +-
 static/styles.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/script.js b/static/script.js
index 3eea720..68371e8 100644
--- a/static/script.js
+++ b/static/script.js
@@ -12,7 +12,7 @@ window.addEventListener('load', () => {
   fetch('/questions')
     .then(res => res.json())
     .then(questions =>
-      questions.forEach((index, question) =>
+      questions.forEach((question, index) =>
         questionsContainer.innerHTML += createQuestionCard(index, question)
       )
     )
diff --git a/static/styles.css b/static/styles.css
index 6fd1e1d..6e159dc 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -49,6 +49,7 @@ h1 {
       height: 100%;
       width: 100%;
       backface-visibility: hidden;
+      -webkit-backface-visibility: hidden;
     }
 
     .question-card-back {
@@ -59,4 +60,8 @@ h1 {
 
 .flipped {
   transform: rotateY(180deg);
+
+  .question-card-front {
+    display: none;
+  }
 }
-- 
2.43.0