completly fix avatar position on smol screen
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
This commit is contained in:
parent
2712269132
commit
cda62654a0
2 changed files with 4 additions and 5 deletions
|
@ -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)
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue