I could not figure out how to change the color of the svg. I tried using fill in the css with the important tag and using currentColor as the fill in the svg and then using color in my css but just couldn't figure it out. Any suggestions appreciated.
If it's the arrow svg you're talking about, use:
button:hover img { filter: brightness(3); }
I'm not too sure what breakpoints I should use (since there are different sizes and orientations portrait/landscape).
What breakpoints do you recommend?
And How do I get the footer to stick to the bottom? I tried position absolute but it didn't work how I wanted.
A common breakpoint is 768px and then if you wish to change something slightly on mobile then you could add another breakpoint at 425px.
What do you mean stick to the bottom? The footer is below the card in the desired place from what I can see.
