Make site more adaptive for mobile phones and small screens

Nakidai 2024-01-30 02:08:02 +03:00
parent ad337dfc3d
commit 82ebf0fe81
1 changed files with 5 additions and 7 deletions

View File

@ -1,5 +1,5 @@
html, body { html, body {
min-height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -14,6 +14,7 @@ div {
font-family: sans-serif; font-family: sans-serif;
min-height: 100%; min-height: 100%;
min-width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -23,9 +24,12 @@ div {
.header { .header {
height: 20%; height: 20%;
padding: 5px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;
font-size: xxx-large; font-size: xxx-large;
} }
@ -68,16 +72,10 @@ div {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-end; align-items: flex-end;
position: relative;
} }
.copyright { .copyright {
text-align: right; text-align: right;
position: absolute;
bottom: 0;
right: 0;
padding: 1%; padding: 1%;
} }