I´m struggling with the challenge Twitch.tv API… I have three problems, which I can´t resolve:
- I can´t get the elements inside to be centered vertically (it can be seen when the
"border" inside " a > * " elements is uncommented). How can I get all these to be centered vertically???
- When I make the window smaller (below approx. 700px), the horizontal scrollbar appears and I scroll to the right, the content (the
- ´s) overflow the background. Also, the left side of the
- element is not visible. How can I fix both of this?
- In the JS I add a class .online/offline in order to color the text “Online”/ “Offline” in green/red, but it doesn´t work. What´s the problem?
Project Link - https://codepen.io/mmajam/pen/NYgZjO/
Thanks for your advice and tips!!!