::before and ::after do not appear

Question

I want to add pseudo-element :: before and :: after in the class called the card but it doesn't display anything even though I have set the background with linear-gradient but it doesn't happen anyway please help me solve this problem
https://code.sololearn.com/W096Ea1xiOng/?ref=app

Answer 1

First, check your spelling for "transparent" (getting one thing wrong can break an entire rule).

Note, just change the :before pseudo-element, then [Run] it to see that something changed.
As soon as you change the :after element it appears to overwrite, hiding the fact that something happened.
~ You might want to add some content (like 'before' and 'after' instead of '') to help you continue past this point (this way it will always have width and height, as you play with settings).