diff --git a/css/style-main.css b/css/style-main.css index 8200bd5a..247e49c5 100644 --- a/css/style-main.css +++ b/css/style-main.css @@ -334,12 +334,6 @@ article:not(.divided-article), padding: 1.25rem 0; } -aside { - padding: 1rem; - font-size: 0.9rem; - background-color: var(--clr-content-bg); -} - article, .content-container { order: 1; } @@ -349,6 +343,13 @@ article, .content-container { top: 5rem; } +.left-sidebar, +.right-sidebar { + padding: 1rem; + font-size: 0.9rem; + background-color: var(--clr-content-bg); +} + .left-sidebar { order: 2; } @@ -357,6 +358,11 @@ article, .content-container { order: 3; } +.left-sidebar:empty, +.right-sidebar:empty { + display: none; +} + /* Tablet main content layout */ @media only screen and (min-width: 43.75rem) { main {