Mobile style updated.
This commit is contained in:
parent
3903a4f8ca
commit
96b24eb8d1
18
main.css
18
main.css
@ -604,7 +604,7 @@ section.hero-section {
|
||||
}
|
||||
|
||||
section.hero-section {
|
||||
padding: 30px 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.hero-subtext {
|
||||
@ -651,6 +651,10 @@ section.hero-section {
|
||||
|
||||
@media (max-width: 450px) {
|
||||
|
||||
.my-name {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
#my-face {
|
||||
margin-top: 0;
|
||||
width: 400px;
|
||||
@ -670,8 +674,8 @@ section.hero-section {
|
||||
}
|
||||
|
||||
#morph-shape-1 {
|
||||
top: 20px;
|
||||
left: 60px;
|
||||
top: 40px;
|
||||
left: 50px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
@ -685,6 +689,10 @@ section.hero-section {
|
||||
|
||||
@media (max-width: 350px) {
|
||||
|
||||
.my-name {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.face-wrapper {
|
||||
margin-top: -130vw;
|
||||
width: 400px;
|
||||
@ -693,8 +701,8 @@ section.hero-section {
|
||||
}
|
||||
|
||||
#morph-shape-1 {
|
||||
top: 10px;
|
||||
left: 90px;
|
||||
top: 20px;
|
||||
left: 60px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user