Doubt in web Code

Question

Doubt in code🥺
I want that when i click on card div the color of content div (blue one) changes to pink but am unable to do
+ i want the text in <p> tag gets scrolled but that too isnt working please help🥺
https://code.sololearn.com/WJCUgz51EH5v/?ref=app

Answer 1

https://code.sololearn.com/WEiaI4aW2lcu/?ref=app
Full CSS Solution
So there is single reason behind both of the issues
And that was z-index:-1;
As you set it to -1 then it is also behind the body so you can't interact with it
So i just removed z-index:;
or you can also make it a positive integer so that it is interactive

Answer 2

https://code.sololearn.com/W9CU3W2SFKr1/?ref=app
Hope this will help you :)

Answer 3

Do you need only css solution or js would work

Answer 4

Thank you Arnav Kumar [📕Schools📚] and Harsh [Less Active ] nice try😊