Refactor quiz layout and timer functionality for improved responsiveness and clarity

This commit is contained in:
2025-01-28 03:24:25 +02:00
parent e9b7e0a8ef
commit 3b1b383489
2 changed files with 26 additions and 6 deletions

View File

@@ -72,6 +72,7 @@ form button {
#quiz {
display: flex;
flex-direction: column;
}
#chart {
@@ -79,6 +80,17 @@ form button {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
@media (min-width: 768px) {
#quiz {
flex-direction: row;
}
#chart {
margin-bottom: 0;
}
}
#question-text, #options {
@@ -106,6 +118,13 @@ form button {
margin-top: 20px;
}
#timer {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
table {
width: 100%;
border-collapse: collapse;