fix sizing on mobile

This commit is contained in:
2024-05-21 17:21:34 +02:00
parent eb051c5059
commit feedb5843a
2 changed files with 13 additions and 6 deletions

View File

@@ -31,7 +31,6 @@
width: 90vw; width: 90vw;
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
color: white !important; color: white !important;
padding: 20px;
margin-left: 15px; margin-left: 15px;
} }

View File

@@ -9,15 +9,19 @@
/* /*
Set size of html and body to full width Set size of html and body to full width
*/ */
html, body { html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: calc(14pt + 0.395vw); font-size: calc(14pt + 0.395vw);
}
body {
background-color: rgb(105, 144, 189); background-color: rgb(105, 144, 189);
font-family: sans-serif; font-family: sans-serif;
} }
@@ -80,7 +84,7 @@ body {
*/ */
.content-wrapper { .content-wrapper {
width: 100%; width: 100vw;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -195,4 +199,8 @@ body {
width: auto; width: auto;
height: 40vh; height: 40vh;
} }
}
#footer {
width: 100vw;
} }