diff --git a/style.css b/style.css index 84da7c4..6681762 100644 --- a/style.css +++ b/style.css @@ -62,31 +62,34 @@ article section { grid-area: content; } -article footer { +article > footer { grid-area: footer; - background: #282c37; + background: #282c37; } - -article footer dl { +article > footer > ul { width: 100%; - display: grid; grid-template-areas: - "replies-icon replies favs-icon favs boosts-icon boosts"; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + "replies favs boosts"; + grid-template-columns: 1fr 1fr 1fr; gap:0em; } -article footer dl > .replies { - grid-area: replies; +article > footer > ul > li { + width: 25%; } -article footer dl > .favs { +article > footer > ul > li.replies { + grid-area: replies; + +} + +article > footer > ul > li.favs { grid-area: favs; } -article footer dl > . boosts { +article > footer > ul > li.boosts { grid-area: boosts; }