Fixed overflow due to navbar links and pre > code blocks being too large

Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
This commit is contained in:
Louis Vallat 2021-03-19 23:04:16 +01:00
parent c41a9a9e3f
commit f18cc1d7ab
2 changed files with 17 additions and 9 deletions

View File

@ -7,7 +7,6 @@
- [ ] Add dark and light theme switch and colors
- [ ] Fix article order
- [ ] Add article date support
- [ ] Fix horizontal overflow with pre > code blocks on mobile
## Sources

View File

@ -78,6 +78,7 @@ nav {
justify-content: space-between;
margin-top: 10px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.filler {
@ -158,8 +159,7 @@ pre {
pre>code {
padding: 10px;
display: inline-block;
width: 100%;
display: block;
overflow: auto;
line-height: 1.35em;
}
@ -176,6 +176,9 @@ code {
margin-right: 10vw;
margin-left: 10vw;
}
nav>a:not(#home_link) {
margin-left: 5px;
}
}
@media screen and (max-width: 768px) {
@ -183,4 +186,10 @@ code {
margin-right: 5vw;
margin-left: 5vw;
}
nav>a:not(#home_link) {
margin-left: 0px;
}
blockquote {
margin-left: 0px;
}
}