more mobile fix
This commit is contained in:
parent
ad842e22c3
commit
04bf71a8e4
44
index.css
44
index.css
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user