Slight style change in header for small screens

This commit is contained in:
Théophile Bastian 2022-11-12 21:40:09 +01:00
parent 3ca1ec7bc1
commit fec5c9b438
2 changed files with 16 additions and 1 deletions

View file

@ -26,6 +26,10 @@ body {
padding: 30px 60px;
color: $bg_color;
@media (max-width: $resp_vsmall) {
padding: 20px;
}
.title {
font-size: 1.4em;
font-weight: bold;
@ -33,6 +37,10 @@ body {
.whoami {
font-weight: bold;
padding-left: 20px;
@media (max-width: $resp_vsmall) {
font-size: 0.8em;
}
}
a, a:visited {
color: $bg_color;

View file

@ -20,11 +20,18 @@ body {
margin: 0;
padding: 30px 60px;
color: white; }
@media (max-width: 1000px) {
#head {
padding: 20px; } }
#head .title {
font-size: 1.4em;
font-weight: bold; }
#head .whoami {
font-weight: bold; }
font-weight: bold;
padding-left: 20px; }
@media (max-width: 1000px) {
#head .whoami {
font-size: 0.8em; } }
#head a, #head a:visited {
color: white; }