completly fix avatar position on smol screen
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending

This commit is contained in:
Mylloon 2023-10-14 16:56:14 +02:00
parent 2712269132
commit cda62654a0
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 4 additions and 5 deletions

View file

@ -46,13 +46,11 @@
/* breakpoint */ /* breakpoint */
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
.avatar { #avatar {
position: absolute; position: absolute;
width: calc(var(--font-size) * 4); width: calc(var(--font-size) * 4);
transform: translate( left: 10px;
calc(var(--font-size) * -19), top: -30px;
calc(var(--font-size) * -3.7)
);
} }
} }

View file

@ -16,6 +16,7 @@ a:hover {
} }
main { main {
position: relative;
color: var(--font-color); color: var(--font-color);
font-size: var(--font-size); font-size: var(--font-size);
padding: 2em 1em; padding: 2em 1em;