mirror of
https://github.com/olehomelchenko/minivlat-local-ua.git
synced 2025-12-22 21:52:24 +00:00
Refactor quiz layout and timer functionality for improved responsiveness and clarity
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user