fix: correct layout issues for mobile

This commit is contained in:
Mike 2023-11-07 13:49:15 -05:00
parent a719b9750e
commit 123c960668

View file

@ -12,18 +12,16 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
align-content: center; align-content: center;
height: 100vh;
margin: 0; margin: 0;
background-color: var(--light-bg); background-color: var(--light-bg);
} }
.sidebar { .sidebar {
height: 100%; background-image: url(../static/background.jpg);
background-image: url(../static/background.jpg); background-position: center;
background-position: center; background-size: auto;
background-size: auto; background-repeat: no-repeat;
background-repeat: no-repeat; height: 80vh;
height: 100%;
} }
.logo { .logo {
position: relative; position: relative;
@ -96,6 +94,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
align-content: center; align-content: center;
height: 100vh;
} }
.sidebar { .sidebar {
width: 50vw; width: 50vw;
@ -187,4 +186,4 @@ a {
text-decoration: none; text-decoration: none;
color: var(--text-color); color: var(--text-color);
font-weight: 900; font-weight: 900;
} }