fix horizontal layout issues
Fixes issues with the main content position, content widths, alignment, and spacing.
This commit is contained in:
parent
b65b93b5eb
commit
7f3b6795a6
4 changed files with 10 additions and 23 deletions
|
@ -81,14 +81,13 @@ ul {
|
|||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.docs,
|
||||
.docslayout-root {
|
||||
gap: 0.648rem;
|
||||
}
|
||||
|
||||
.docslayout-root {
|
||||
margin-left: calc(1.618rem + 260px);
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
@ -122,11 +121,12 @@ ul {
|
|||
}
|
||||
}
|
||||
|
||||
.docslayout-root {
|
||||
margin-inline: 15svw;
|
||||
}
|
||||
|
||||
.docslayout-inner {
|
||||
min-width: 33.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.docslayout-inner {
|
||||
flex-grow: 1;
|
||||
max-width: 100rem;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue