Why is the media query not working on the cards class.Can someone please look into it

WHENEVER THE VIEWPORT SIZE HITS BELOW 750PX I WANT MY CARDS TO STACK ON EACH OTHER IN A COLUMN. I’m applying media query on the .card-wrapper .card class but it is not working can someone please look into it and tell me the reason why isn’t working.And where do I need to apply the media query appropriately

This is my link to code pen:

@media only screen and(max-width:750px) {

It works for me when there is a space after and in the media query.

Oh got it . Thank you so much @Cryptic_X for the reply

1 Like