make footer contact info a flexbox for nicer wrapping

1 files changed, 17 insertions, 2 deletions

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;