Horizontally scroll tables and codeblocks instead of entire page

This commit is contained in:
Jonas Tobias Hopusch 2021-09-27 10:29:20 +02:00
parent b8b03b276f
commit 1b406e70d3
Failed to generate hash of commit
1 changed files with 8 additions and 9 deletions

View File

@ -54,7 +54,10 @@ pre {
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: max-content;
overflow-y: auto;
line-break: strict;
}
/* Inline keywords/code */
@ -93,28 +96,24 @@ hr {
}
table {
border-style: solid;
border-color: black;
border-right: none;
border-bottom: none;
display: block;
border-collapse: collapse;
margin: 1rem auto;
width: fit-content;
max-width: 100%;
overflow-y: auto;
}
td, th {
border-style: solid;
border-color: black;
border-left: none;
border-top: none;
border-collapse: collapse;
padding: 0.5rem;
line-break: anywhere;
}
@media (max-width: 15rem) {
@media (max-width: 20rem), (max-width: 300px) {
* {
line-break: anywhere;
word-wrap: break-word;
}
}