more mobile fix

This commit is contained in:
Kenneth Jao 2020-04-14 20:56:09 -04:00 committed by kjao
parent ad842e22c3
commit 04bf71a8e4

View File

@ -6,6 +6,8 @@ html, body {
z-index: -1;
}
body { background-color: #e6e6df; }
::selection {
background: #fd558f;
}
@ -179,24 +181,6 @@ input[type='radio'] {
@media only screen and (max-width: 600px) {
#bgWrap div {
display: none;
}
#bgWrap div:nth-child(101) {
display: block;
clip-path: polygon(0 25%, 50% 30%, 100% 25%, 100% 100%, 0 100%);
background-color: #e6e6df;
z-index: -1;
}
#mainWrap {
width: 100%; height: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 3fr;
}
#bgWrap {
width: 100%; height: 100%;
position: absolute;
@ -205,15 +189,29 @@ input[type='radio'] {
z-index: -1;
}
#bgWrap div { display: none; }
#bgWrap div:nth-child(101) {
display: block;
clip-path: polygon(0 25%, 50% 30%, 100% 25%, 100% 150%, 0 150%);
background-color: #e6e6df;
z-index: -1;
}
#mainWrap {
width: 100%; height: 100%;
display: block;
}
#name {
grid-row: 1;
grid-column: 1;
margin: 10%;
}
#tabs {
height: 80%; width: 80%;
grid-row: 2;
grid-column: 1;
height: auto; width: 80%;
position: relative;
top: 10%;
}
.content {