Flex

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
+[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#L41
+[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#L45
+[go-color]: https://github.com/gSchool/stoplight-event-exercise/blob/master/index.css#L47

index.css

@@ -1,6 +1,9 @@
+body {
+  display: flex;
+}
+
 #controls {
-  float: left;
+  margin-top: 30px;
-  padding-top: 30px;
 }
 
 .button {
@@ -18,7 +21,6 @@
 #traffic-light {
   background-color: #ababab;
   border-radius: 40px;
-  float: left;
   margin: 30px 0;
   height: 550px;
   padding: 20px;