Problem with css zoom and devices

Question

I’m new to css and I’m struggling to escale correctly my page to other devices or different zoom levels. How do I correct this?

Answer 1

Add this into head tag

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

Thanks for the info and kindness, I’ll be posting a link later so you can see what I mean.

Answer 3

No worries about that. Thanks again for helping! :)

Answer 4

Sololearn responsive web design course is good.
You can also learn a lot from here:

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

https://www.w3schools.com/html/html_responsive.asp

Answer 5

Its my first css so… theres lots of issues for sure. For example, when you modify the browser’s zoom, the page turns horrendous, when the page is visualized on a phone the same thing happends.

I only want a little guidence, a link with info or good practices… I dont really know where to start. Thanks in advance

https://code.sololearn.com/W46rzMBd4ia0/?ref=app