I made code for desktop..but when i see it in mobile the whole stuff gets compressed.. how can i make it responsive? plz help me

Answer 1

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

Answer 2

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

Answer 3

Something like that?

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

+ some little changes in the html (but I've tried to limit to the really necessary)
+ a bunch of changes in css (I've tried to comment the lines I was removing and those I was modifying)normally all my insertions are not indented, and lines starting with "//outline" are false commentaries (disabled the rule, but not a real comment) wich could be uncomment for debug/design work purpose (outline act less or more as border, but unlike it, doesn't change the size of elements).

Answer 4

Oh... and I've added google web fonts: that maximize chances that visitor have not a default font too different from the one used for the page design (in such case, design could less or more break ;P)