sigonasr2/stoplight-event-exercise
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Flex

Browse Source
This commit is contained in:
Ryan Sobol 2016-11-11 08:06:39 -08:00
parent 670a7de318
commit 9f424e9ebb
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -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) - [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

8
index.css
View File

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