diff --git a/frontend/src/components/QuizForm/QuizDetailCard.jsx b/frontend/src/components/QuizForm/QuizDetailCard.jsx
index 7f0abdf..44f654b 100644
--- a/frontend/src/components/QuizForm/QuizDetailCard.jsx
+++ b/frontend/src/components/QuizForm/QuizDetailCard.jsx
@@ -2,7 +2,7 @@ import styles from './QuizCard.module.css';
import { STATIC_URL } from '../../constants';
export default function QuizCard({ index, question, answer, image, choices }) {
- console.log(question, answer, image, choices);
+ // TODO: 정답 / 오답 관련 표현 필요 시 추가
return (
@@ -20,28 +20,17 @@ export default function QuizCard({ index, question, answer, image, choices }) {
)}
-
+
{question}
-
+
{answer}
+
{choices.map?.((choice, idx) => (
-
-
+
+
{choice.content}
))}
diff --git a/frontend/src/components/QuizForm/QuizDetailCard.module.css b/frontend/src/components/QuizForm/QuizDetailCard.module.css
index 05cbd09..7304149 100644
--- a/frontend/src/components/QuizForm/QuizDetailCard.module.css
+++ b/frontend/src/components/QuizForm/QuizDetailCard.module.css
@@ -36,12 +36,9 @@
height: 220px;
margin: 10px auto;
border-radius: 8px;
+ object-fit: contain;
background-color: var(--background-secondary);
- cursor: pointer;
-}
-
-.hiddenInput {
- display: none;
+ border: 1px solid var(--background-secondary);
}
.input {