diff --git a/css/layout.css b/css/layout.css index e1740f6..4b4f0c8 100644 --- a/css/layout.css +++ b/css/layout.css @@ -94,59 +94,59 @@ body > nav { } } } +} - footer { - display: grid; - grid-template-columns: 3fr 2fr 2fr; - gap: 1rem; +footer { + display: grid; + grid-template-columns: 3fr 2fr 2fr; + gap: 1rem; - @media (max-width: 768px) { - grid-template-columns: 1fr; - } + @media (max-width: 768px) { + grid-template-columns: 1fr; + } - & > :first-child { - display: flex; - flex-direction: column; - justify-content: space-between; + & > :first-child { + display: flex; + flex-direction: column; + justify-content: space-between; - & p { - font-size: 0.875rem; - } - - & > :last-child { - font-size: 0.75rem; - font-weight: lighter; - } - } - - & > :nth-child(2) a { - align-items: flex-start; - flex-direction: column; - } - - & a { + & p { font-size: 0.875rem; - display: flex; - align-items: center; - flex-direction: row; - justify-content: flex-start; - margin: 1rem 0; - text-decoration: none; - color: var(--on-background); - - & > div { - display: flex; - align-items: center; - justify-content: center; - } } - & h4 { - color: var(--primary); - } - - & svg { - margin-right: 0.5rem; + & > :last-child { + font-size: 0.75rem; + font-weight: lighter; } } + + & > :nth-child(2) a { + align-items: flex-start; + flex-direction: column; + } + + & a { + font-size: 0.875rem; + display: flex; + align-items: center; + flex-direction: row; + justify-content: flex-start; + margin: 1rem 0; + text-decoration: none; + color: var(--on-background); + + & > div { + display: flex; + align-items: center; + justify-content: center; + } + } + + & h4 { + color: var(--primary); + } + + & svg { + margin-right: 0.5rem; + } }