Padding main réactif

This commit is contained in:
Alex 2022-12-22 00:42:54 +01:00
parent 52ae54d2f8
commit 3d9ca0ef90
No known key found for this signature in database
GPG Key ID: 09EC5284AA804D3C
1 changed files with 9 additions and 2 deletions

View File

@ -97,7 +97,7 @@ header ul li {
main { main {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
padding: 50px 100px; padding: 50px 50px;
margin: 0; margin: 0;
.toc-homepage { .toc-homepage {
@ -176,6 +176,9 @@ main details#navigation-toggle summary {
} }
@media screen and (min-width: 1280px) { @media screen and (min-width: 1280px) {
main {
padding: 50px 100px;
}
.logo { .logo {
font-size: 32px; font-size: 32px;
} }
@ -260,7 +263,7 @@ main details#navigation-toggle summary {
display: none; display: none;
} }
.menu-button { .menu-button-container {
display: none; display: none;
} }
@ -289,6 +292,10 @@ main details#navigation-toggle summary {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.menu-button-container {
display: block;
}
main .toc-homepage { main .toc-homepage {
display: block; display: block;
} }