Flex box and media quries | Sololearn: Learn to code for FREE!


Flex box and media quries

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

2/13/2022 1:55:47 PM


3 Answers

New Answer


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


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.


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