/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .header { padding: 2rem; text-align: center; } .navigation__link { color: #54655b; font-size: .7rem; font-weight: 700; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; margin: 0 1rem; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-link { color: #222; text-decoration: none; margin-right: 1.5rem; } /*.footer a { color: #0291db; } .footer a:hover { color: #0276b3; }*/ .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

100 Likes

You received 100 Likes. When you're liked this much, you'll be an MVP in no time!

14 people have earned this badge.

Most recent recipients

KeithCocker123 February 1

SamNielsen December 2022

AndromedaX8 December 2022

septemberwalk December 2022

Jason_Webster32

Jason_Webster32 June 2022

Londoneye330 May 2022

Retroblueman April 2022

Keith Theodosiou

Keith Theodosiou March 2022

Donald November 2021

Taron September 2021

Michael B. Oliva

Michael B. Oliva June 2021

gregoryd June 2021

Spitfire Audio May 2021

Angus April 2021

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .header { padding: 2rem; text-align: center; } .navigation__link { color: #54655b; font-size: .7rem; font-weight: 700; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; margin: 0 1rem; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-link { color: #222; text-decoration: none; margin-right: 1.5rem; } /*.footer a { color: #0291db; } .footer a:hover { color: #0276b3; }*/ .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */