From 1f1ece8634df80a52ddcbfb1881e0ac30822e444 Mon Sep 17 00:00:00 2001 From: Johannes Löthberg Date: Fri, 10 Oct 2014 17:01:48 +0200 Subject: make footer contact info a flexbox for nicer wrapping --- src/style.css | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) (limited to 'src') diff --git a/src/style.css b/src/style.css index 203c56b..0f74dd3 100644 --- a/src/style.css +++ b/src/style.css @@ -118,16 +118,31 @@ footer { align-content: flex-start; } footer p { + margin: 0; + padding: 0; +} + +footer #foot-left { flex: 1; - margin-top: 0; - padding-top: 0; color: #333; + margin-bottom: 1rem; } + +footer #contact-info-wrapper { + display: flex; + flex-wrap: wrap; +} + +footer #contact-info-wrapper p { + padding-right: 0.25rem; +} + footer a { text-decoration: none; font-size: 14px; color: #447; } + footer #emblem { flex: 1; flex-basis: 40px; -- cgit v1.2.3-70-g09d2