prevent doc page layout from blowing up in presence of <pre>
This commit is contained in:
parent
153ba9f0c2
commit
0ae5842740
2 changed files with 3 additions and 2 deletions
|
@ -7,6 +7,7 @@ main.doc {
|
||||||
|
|
||||||
& .vertical-center {
|
& .vertical-center {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
max-width: 100%; /* prevent from blowing up */
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -18,7 +19,7 @@ main.doc {
|
||||||
|
|
||||||
& .doc-text {
|
& .doc-text {
|
||||||
padding: 1.6rem;
|
padding: 1.6rem;
|
||||||
max-width: var(--doc-text-width);
|
max-width: min(100%, var(--doc-text-width));
|
||||||
|
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@ body {
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns:
|
grid-template-columns:
|
||||||
[left] 1fr
|
[left] minmax(0, 1fr)
|
||||||
[right] auto;
|
[right] auto;
|
||||||
grid-template-rows:
|
grid-template-rows:
|
||||||
[nav] auto
|
[nav] auto
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue