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

First Comment

Commenting is the best way to get involved. Jump in the fray!

3152 people have earned this badge.

Most recent recipients

leodilenge 10:49AM

agro January 24

dacholle January 23

Anthropy January 23

HarryPoteBeur January 22

Olakunle January 21

JP22 January 20

dahze January 20

filos89 January 20

juancho78 January 20

blhd January 19

csgoodfellow January 18

Nomys_Tempar January 18

silageman January 17

kensaundm31 January 17

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