Here's my solution for the Advice Generator app.
I noticed an issue while testing the app on mobile. My button stays active (with glow) unless I click on an empty space. What could be causing this and how do I solve the issue? I'm only seeing this on my mobile phone.
Thank you for your input.
Hi there,
The reason that happens is because there's no hover state on mobile devices. You can change it instead to .advice button:active and the button will glow only when you click on it.
This challenge was completed with:
Due to this challenge's multiple state management requirements, I used a lot of function declarations, instead of function expressions, which I understand is not ideal. Also, there still might be some bugs lying around. Nevertheless, I had fun drilling my Javascript skills.
Hi. I would like to know how to center divs vertically without using a flexbox or grid.
You can try position:absolute on the target component you are trying to align and position:relative on the parent of that target component (if there is one).
