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

fixed vertical view & responsiveness

This commit is contained in:
Notoric 2025-01-24 08:31:09 +00:00
parent 27780b973c
commit f1e5d53ddb
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
styles/global.css
View File

@ -454,7 +454,6 @@ main {
border-radius: 12%; border-radius: 12%;
border: none; border: none;
display: block; display: block;
margin: auto;
margin-block: 40px; margin-block: 40px;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
@ -462,7 +461,10 @@ main {
#cv-button-wrapper { #cv-button-wrapper {
color: var(--accent); color: var(--accent);
display: block;
text-decoration: none; text-decoration: none;
width: fit-content;
margin: auto;
} }
#cv-button::before { #cv-button::before {
@ -714,7 +716,8 @@ main {
#contact h1 { #contact h1 {
padding: 0; padding: 0;
width: fit-content; width: 100%;
text-align: center;
margin-inline: auto; margin-inline: auto;
} }
@ -724,7 +727,8 @@ main {
.contact-area { .contact-area {
display: grid; display: grid;
width: calc(100vw - 192px); max-width: calc(100vw - 192px);
width: fit-content;
} }
.contact-area svg { .contact-area svg {
@ -735,8 +739,9 @@ main {
.contact-area a { .contact-area a {
grid-column: 2; grid-column: 2;
grid-row: 1; grid-row: 1;
width: fit-content; display: block;
margin-top: auto; margin-top: auto;
width: 100%;
} }
.contact-area p { .contact-area p {
@ -762,4 +767,8 @@ main {
#contact-showcase { #contact-showcase {
padding-inline: 20px; padding-inline: 20px;
} }
.contact-area {
max-width: calc(100vw - 48px);
}
} }