Style rework #35
1 changed files with 5 additions and 3 deletions
|
@ -24,10 +24,11 @@
|
||||||
main {
|
main {
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
font-size: var(--font-size);
|
font-size: var(--font-size);
|
||||||
margin-inline: 27%;
|
|
||||||
padding: 2em 1em;
|
padding: 2em 1em;
|
||||||
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 640px; /* breakpoint */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Name header */
|
/* Name header */
|
||||||
|
@ -49,17 +50,18 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 65px;
|
width: 90px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* breakpoint */
|
||||||
@media only screen and (max-width: 640px) {
|
@media only screen and (max-width: 640px) {
|
||||||
main {
|
main {
|
||||||
margin-inline: 0;
|
margin-inline: 0;
|
||||||
}
|
}
|
||||||
.avatar {
|
.avatar {
|
||||||
visibility: collapse;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue