adoralaura/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make page more mobile friendly
All checks were successful
ci/woodpecker/push/deploy-netlify Pipeline was successful
Details

Browse source
This commit is contained in:
Adora Laura Kalb 2023-08-09 07:57:05 +02:00
parent 016b05cdd4
commit 41d65ba8d5
Signed by: adoralaura
GPG key ID: 7A4552166FC8C056
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
assets/scss/style.scss
View file

@ -4,6 +4,8 @@ $heading-font-color: #d66388;
$code-font-color: cornflowerblue; $code-font-color: cornflowerblue;
$special-font-color: #c2f486; $special-font-color: #c2f486;
$main-font-family: Consolas, monaco, monospace; $main-font-family: Consolas, monaco, monospace;
$min-device-width: 940px;
a { a {
margin: 0; margin: 0;
@ -164,3 +166,14 @@ code {
color: $special-font-color; color: $special-font-color;
font-style: normal; font-style: normal;
} }
@media (max-width: $min-device-width) {
body {
padding: 15px;
line-break: normal;
}
a, code {
line-break: anywhere;
}
}