From 42e0fd6dc6adf0d2855c45de9971feeb2b8f34a7 Mon Sep 17 00:00:00 2001
From: asal sahami <asalsahami22@gmail.com>
Date: Sat, 28 Sep 2024 19:40:04 +0200
Subject: [PATCH] quiz
---
src/App/mediarules.css | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index a7531aa2..5270fbf1 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -105,6 +105,29 @@
width: 300px; /* Make smaller for mobile */
height: 300px; /* Adjust height accordingly */
}
+ .quiz-wrapper {
+ flex-direction: column; /* Stack the elements vertically */
+ padding: 10px; /* Reduce padding */
+ }
+
+ .quiz-front, .quiz-back {
+ padding: 10px; /* Reduce padding for mobile */
+ }
+
+ .quiz-heading {
+ font-size: 1.2em; /* Make the heading smaller for mobile */
+ }
+
+ .quiz-text {
+ font-size: 1em; /* Adjust text size for readability on smaller screens */
+ margin-bottom: 10px;
+ }
+
+ .quiz-button-box {
+ margin-top: 5px;
+ justify-content: space-evenly; /* Adjust button layout for mobile */
+ }
+
.row-if-small{
--bs-gutter-x: 1.5rem;
--
GitLab