diff --git a/conjugation/drill.css b/conjugation/drill.css index 63c96c7..c3ec339 100644 --- a/conjugation/drill.css +++ b/conjugation/drill.css @@ -25,11 +25,18 @@ body, input { #question { padding-top: 40px; padding-bottom: 40px; + margin-right: 8px; + margin-left: 8px; font-size: 16px; text-shadow: 2px 2px 4px var(--neutral-dark); + text-align: center; color: white; } +#questionFirstHalf { + margin-bottom: 8px; +} + #questionFirstHalf, #questionSecondHalf { margin-left: auto; @@ -53,21 +60,35 @@ body, input { font-size: 1.15rem; } } - -/* Small devices (landscape phones, 576px and up) */ -@media (min-width: 576px) { - +/* Small devices (landscape phones, below 576px) */ +@media (max-width: 576px) { #question { font-size: 24px; } #answer, .correct, .incorrect { - font-size: 24px; + font-size: 28px; } #responseButton { - font-size: 24px; - line-height: 24px; + font-size: 28px; + line-height: 28px; + } +} +/* Small devices (landscape phones, 576px and up) */ +@media (min-width: 576px) { + + #question { + font-size: 32px; + } + + #answer, .correct, .incorrect { + font-size: 32px; + } + + #responseButton { + font-size: 32px; + line-height: 32px; } } diff --git a/conjugation/drill.html b/conjugation/drill.html index ef3e2e6..32aaf5c 100755 --- a/conjugation/drill.html +++ b/conjugation/drill.html @@ -14,28 +14,20 @@
- -