Does anyone know how to make a responsive site? Read description.

Question

I made a site its working good in pc but when i open it in mobile everything collapsed on each other. Tried watching sone videos but still clueless. Glad if uh provide meh direct tag for it.

Answer 1

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

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

Answer 2

Gordon

Answer 3

most important tag in responsive design is meta viewport.

there's couple of ways of doing this. the simplest yet the hardest one is by rewrite them specificly to be displayed as if its a phone. save it as a new css file.
then add media attribute to <link> when importing the css file.

another way is by using flex or grid. both of them have their own way but both of them are prettu flexible in different screen.

last thing is a tips. avoid using absolute unit like 700px, 15cm, 12pt, 5inch, etc. they'll easily look bad on another screen either its too big or too small. of course you can use media-queries if you want to, its fine game.

you may want to change into relative unit, like %, vh, vmin, em, etc. i mostly lean towards % and viewport unit. since its relative on parent element and the device viewport size.

Answer 4

Just follow the tutorial of Gordon