Layout fixes

This commit is contained in:
Mikko Ahlroth 2021-01-30 13:42:20 +02:00
parent da9ed918d9
commit ff7a74afb2

View file

@ -1589,6 +1589,11 @@ body > footer {
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0;
}
body {
margin: 0 auto;
} }
main { main {
@ -1597,7 +1602,7 @@ main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
} }
@ -1607,8 +1612,7 @@ body > div:first-child {
#flag { #flag {
flex: 3 0 100px; flex: 3 0 100px;
width: 100%; align-self: stretch;
min-width: 100px;
position: relative; position: relative;
} }
@ -1638,6 +1642,7 @@ body > div:first-child {
#timer { #timer {
flex: 1 1; flex: 1 1;
font-size: 5rem; font-size: 5rem;
margin: 0;
} }
#input-form { #input-form {
@ -1647,4 +1652,5 @@ body > div:first-child {
#counter { #counter {
flex: 1 1; flex: 1 1;
font-size: 2rem; font-size: 2rem;
margin: 0;
} }