From: Ricardo Junior García Díaz Date: Tue, 24 Jan 2023 23:50:54 +0000 (+0100) Subject: colocados los cambios en sus clases correspondientes X-Git-Url: https://git.josue.xyz/?a=commitdiff_plain;h=7d3fb1dab2489e0f5ee87b0dc64290c1dfc1b9f0;p=salamandradevs.site%2F.git colocados los cambios en sus clases correspondientes --- diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css index 752b791..4d2f60b 100644 --- a/themes/droda/assets/css/main.css +++ b/themes/droda/assets/css/main.css @@ -81,6 +81,7 @@ aside { justify-content: flex-start; width: 100%; padding: 0 1rem; + background-color: #242930; } aside .item { @@ -101,36 +102,44 @@ nav { justify-content: space-between; width: 100%; padding: 0 2rem; + background-color: #4f5864; + } + main { + grid-area: main; + padding: 2rem; + background-color: #353b43; + } + + main hr { + width: 100%; + } + + .articles { + display: flex; + flex-flow: row wrap; + align-items: flex-start; + justify-content: space-between; + } + + .articles article { + width: 30rem; + border: 1px solid; + border-radius: 0.5rem; + padding: 1rem; + margin: 1rem; } + + + .content table { + padding-top: 2rem; + margin: 0 auto; + } + -main { - grid-area: main; - margin: 2rem; -} -main hr { - width: 100%; -} -.articles { - display: flex; - flex-flow: row wrap; - align-items: flex-start; - justify-content: space-between; -} -.articles article { - width: 30rem; - border: 1px solid; - border-radius: 0.5rem; - padding: 1rem; - margin: 1rem; -} -.content table { - padding-top: 2rem; - margin: 0 auto; -} .content table img { width: 3rem; @@ -146,12 +155,14 @@ footer { align-items: center; width: 100%; padding: 0 2rem; + background-color: #4f5864; +} } .greetings { background-color: var(--bgColorLight); width: 80%; - heigth: 80%; + height: 80%; margin: 0 auto; } @@ -167,28 +178,17 @@ footer { "aside main" "footer footer"; } - + aside { display: flex; } - } + @media screen and (min-width: 1280px) { :root { --globalScale: 2; } } -aside{ - background-color: #242930; -} -main{ - background-color: #353b43; - margin: 0; -} -nav{ - background-color: #4f5864; -} -footer{ - background-color: #4f5864; -} \ No newline at end of file + +