/* * 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 */

10 Comments

No longer a one-hit wonder! It looks like you’re going places.

154 people have earned this badge.

Most recent recipients

jamesbdarcy February 20

et_t0nes January 14

Alexey_Beltyukov_83

Alexey_Beltyukov_83 January 3

Francesco_Dandrea

Francesco_Dandrea January 2

holykow December 2022

PIOTRTUREK December 2022

alzoxp December 2022

Ausgezeichnet December 2022

septemberwalk December 2022

SamNielsen December 2022

AndromedaX8 December 2022

jlw5150 December 2022

DjRenigade November 2022

PPH November 2022

arne viggo September 2022

/* * 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 */