Notoric
/
Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed css for mobile

This commit is contained in:
Notoric 2025-01-22 15:50:02 +00:00
parent 9d1150d67d
commit 9b484cce17
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
styles/global.css
View File

@ -421,7 +421,8 @@ em {
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
body { body {
font-size: 30px; font-size: 20px;
padding-top: 0em;
} }
#logo { #logo {
@ -525,11 +526,10 @@ em {
#homepage .card { #homepage .card {
flex-direction: column-reverse; flex-direction: column-reverse;
padding-block: 80px;
gap: 70px; gap: 70px;
width: fit-content;
padding: 80px; padding: 80px;
margin-top: 0; margin-top: 0;
max-width: 65%;;
} }
.card::after { .card::after {
@ -543,8 +543,8 @@ em {
} }
#homepage-img { #homepage-img {
width: 300px; width: 14em;
height: 300px; height: 14em;
} }
#hi { #hi {
@ -568,6 +568,10 @@ em {
flex-direction: column; flex-direction: column;
} }
.project-description {
max-width: 100%;
}
.project img { .project img {
width: calc(100vw - 192px); width: calc(100vw - 192px);
height: auto; height: auto;
@ -577,18 +581,13 @@ em {
padding-bottom: 1em; padding-bottom: 1em;
} }
#homepage-img {
width: 500px;
height: 500px;
}
#aboutme { #aboutme {
padding-top: 70px; padding-top: 70px;
} }
#aboutme h1 { #aboutme h1 {
transform: translateY(170px); transform: translateY(170px);
top: -150px; top: -3em;
} }
} }