Guys I'm so stressed, I need to finish this final project and I can't make work the media queries...

Question

On computer this code looks great but on phone it doesn't and when I try to use the media queries it moves me everything...I need a responsive website soon :'(

https://code.sololearn.com/WaMQ47QPJ7cD/?ref=app
https://code.sololearn.com/WYJH9riJPY6B/?ref=app
https://code.sololearn.com/WzBWckfDDujI/?ref=app
https://code.sololearn.com/WFD6OAi0t89v/?ref=app
https://code.sololearn.com/WhbDFaDxQwLi/?ref=app
https://code.sololearn.com/Wb5NT6W1oYtm/?ref=app
https://code.sololearn.com/WLFLm1nk6H1c/?ref=app
https://code.sololearn.com/WMRgQ3xx9mHg/?ref=app
https://code.sololearn.com/WJ1tbCI04aH8/?ref=app
https://code.sololearn.com/WtQ2UBu5TpRR/?ref=app
https://code.sololearn.com/W46FNeyI3BS7/?ref=app
https://code.sololearn.com/WhfJwjY5yzJq/?ref=app

Answer 1

Please review how to use them correctly;

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

https://www.w3schools.com/css/css3_mediaqueries.asp

There are also plenty of videos on YouTube that cover their usage.

Answer 2

Yes u need to read a bit of info and watch videos, its pretty easy to start using em correctly, u just wrap around css rules that will overwrite the other rules written above(this due to the cascading nature of CSS) when the media query meets certain condition which mostly ull be using max-width or min-width, or both using and operator, in case u want to restrict ur media querie to certain values in a range.