kjao/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more mobile fix

Browse Source
This commit is contained in:
Kenneth Jao 2020-04-14 20:56:09 -04:00 committed by kjao
parent ad842e22c3
commit 04bf71a8e4
1 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.css
View File

@ -6,6 +6,8 @@ html, body {
z-index: -1; z-index: -1;
} }
body { background-color: #e6e6df; }
::selection { ::selection {
background: #fd558f; background: #fd558f;
} }
@ -179,24 +181,6 @@ input[type='radio'] {
@media only screen and (max-width: 600px) { @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 { #bgWrap {
width: 100%; height: 100%; width: 100%; height: 100%;
position: absolute; position: absolute;
@ -205,15 +189,29 @@ input[type='radio'] {
z-index: -1; 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 { #name {
grid-row: 1; margin: 10%;
grid-column: 1;
} }
#tabs { #tabs {
height: 80%; width: 80%; height: auto; width: 80%;
grid-row: 2; position: relative;
grid-column: 1; top: 10%;
} }
.content { .content {