tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile style updated.

Browse Source
This commit is contained in:
BenjaminToby 2021-05-26 15:01:24 +01:00
parent 3903a4f8ca
commit 96b24eb8d1
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
main.css
View File

@ -604,7 +604,7 @@ section.hero-section {
} }
section.hero-section { section.hero-section {
padding: 30px 20px; padding: 20px;
} }
.hero-subtext { .hero-subtext {
@ -651,6 +651,10 @@ section.hero-section {
@media (max-width: 450px) { @media (max-width: 450px) {
.my-name {
font-size: 48px;
}
#my-face { #my-face {
margin-top: 0; margin-top: 0;
width: 400px; width: 400px;
@ -670,8 +674,8 @@ section.hero-section {
} }
#morph-shape-1 { #morph-shape-1 {
top: 20px; top: 40px;
left: 60px; left: 50px;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
@ -685,6 +689,10 @@ section.hero-section {
@media (max-width: 350px) { @media (max-width: 350px) {
.my-name {
font-size: 40px;
}
.face-wrapper { .face-wrapper {
margin-top: -130vw; margin-top: -130vw;
width: 400px; width: 400px;
@ -693,8 +701,8 @@ section.hero-section {
} }
#morph-shape-1 { #morph-shape-1 {
top: 10px; top: 20px;
left: 90px; left: 60px;
width: 50px; width: 50px;
height: 50px; height: 50px;
} }