Flex box and media quries

Question

I wanted to do simple card using flexbox.i wanted it to display in row when its on desktop screens and column on mobile screens,while it works fine on desktop it doesnt show any change when switched to mobile screens,what seems to be the problem?
https://code.sololearn.com/WQOEdHY867hC/?ref=app
https://code.sololearn.com/W6iiwodL9r9s/?ref=app

Answer 1

no, its working see this -
https://code.sololearn.com/WV5IlpEClssH

Answer 2

the media query is wrong -
@screen and (max-width:350px;){
it should be -
@media screen and (max-width:350px){
you have to add media after @ and remove the ;(semi Colon)
then it works fine.

Answer 3

Am sorry i wrote it wrong here...i did just like u said on vscode editor but still doesnt work😔