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