From 9f424e9ebb6f2e3d5d479d4f0c5dfdcf0fb711d9 Mon Sep 17 00:00:00 2001
From: Ryan Sobol <contact@ryansobol.com>
Date: Fri, 11 Nov 2016 08:06:39 -0800
Subject: [PATCH] Flex

---
 README.md | 6 +++---
 index.css | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index bcfd9f4..7e67f31 100644
--- a/README.md
+++ b/README.md
@@ -49,6 +49,6 @@ Add **one** DOM event listener and **one** handler to log the state of each bulb
 
 - [How JavaScript Event Delegation Works](https://davidwalsh.name/event-delegate)
 
-[stop-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L37
-[slow-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L41
-[go-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L45
+[stop-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L39
+[slow-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L43
+[go-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L47
diff --git a/index.css b/index.css
index 851809b..fabc52b 100644
--- a/index.css
+++ b/index.css
@@ -1,6 +1,9 @@
+body {
+  display: flex;
+}
+
 #controls {
-  float: left;
-  padding-top: 30px;
+  margin-top: 30px;
 }
 
 .button {
@@ -18,7 +21,6 @@
 #traffic-light {
   background-color: #ababab;
   border-radius: 40px;
-  float: left;
   margin: 30px 0;
   height: 550px;
   padding: 20px;