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

5 Likes

You received 5 Likes. We like that.

268 people have earned this badge.

Most recent recipients

Uladzimir May 16

jamesnic7 May 14

Thomas Lausen April 23

Krisp April 18

arne viggo April 17

Roland April 11

Soundthrills April 9

System64 April 2

Sai April 2

Chris April 2

JJ_Hunter_50 March 31

haralddaviking March 30

alexkane March 29

KenVives March 26

BrendanBurns March 25

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