mirror of
https://gitea.smigz.com/smiggiddy/odin-codeprojects.git
synced 2024-12-25 22:10:43 -05:00
fix: correct layout issues for mobile
This commit is contained in:
parent
a719b9750e
commit
123c960668
1 changed files with 7 additions and 8 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue