Why does some code look perfect on computers and look like trash on phone😪😪. And is there a way to make them both look great😥

Answer 1

Use meta viewport for scaling and try to use rem vh instead of px for sizing this will make website respond to size of the device.
Some function are made specifically for desktop like mouseover so that try to use other tag wisely.

Answer 2

are you using meta viewport tag in the head of html? Cuz with proper CSS you can make both phone and desktop look beautiful.

Answer 3

Sololearn have a Responsive Web Design course.