Hey somebody help.. If I code a web in the computer. The output is Kul.... But when I check the output on my phone it is chaos.

Question

what makes the output in desktop same as in phone

Answer 1

you have to tell the css to look different.
when the screen size is less than x do this. this will require a lot of redoing to make it look pretty but its worth it.
you can get a web site responsiveness tester. if you use google chrome. look it up in the chrome store.
little rusty on it. I have to look it up but...

@media screen(max-width= 480 px){
all
your
new
css
}

I would double check that @media tho. im like 40% positive thats correct :/

hope this helps!!!!!

Answer 2

Yes media queries are very important. As you've asked this question, I strongly recommend that you check "responsive websites" after the fact. This will help you in the future 100%.

Answer 3

@Mike thanks

Answer 4

@michael thanks

Answer 5

thanks @mark

Answer 6

@michael can u do me a favour.... can you go to my codes and check out " whatsapp " and tell me Wea the problem is

Answer 7

Use CSS @media queries to make your website responsive, so that your website will look great on both mobile & desktop devices

Answer 8

@Gintare Kon.....thanks alot

Answer 9

@media screen and (max-width:(num)px){
css
}

try that instead. ^^this works for my stuff if that is what you are referring to.

Answer 10

you should learn about responsive design ;)