add responsive design

This commit is contained in:
Janis
2023-11-12 17:16:58 +01:00
parent ce7aee8481
commit 9870fdcdb4
4 changed files with 175 additions and 119 deletions

View File

@@ -4,18 +4,20 @@
font-size: 1rem;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
html {
height: 100vh;
width: 100vw;
min-height: 100vh;
min-width: 100%;
display: flex;
overflow-x: hidden;
}
#root {
min-height: 100%;
width: 100%;
height: 100%;
min-width: 100%;
}
h1 {
@@ -61,7 +63,7 @@ button {
// custom dark themed scrollbar
::-webkit-scrollbar {
width: 5px;
height: 15px;
height: 5px;
}
::-webkit-scrollbar-track {