How can i make my website mobile friendly, it looks awkward when i load it on my phone and some images are not even loading

Question

mobile browsing

Answer 1

Try to use Bootstrap framework. If you don't know what it is and how to use it, check out w3schools.com for bootstrap tutorial.

Answer 2

This happens to me a lot as well. Best way to get around this is to press F12. You will see inspect elements to open up. Click on the top left of inspect element the little tablet and phone(it will turn blue). With this you will be able to adjust the size of the screen to see what happens based on the users device. This will help you adjust and fix your code accordingly. Some images are tricky to work with sometimes. Depending on the users device and drowser, the image will not show up. I too have this problem from time to time.

Answer 3

use bootstrap in combination with @media query's

Answer 4

You can also use this framework:
http://materializecss.com/

Answer 5

yes you can go for bootstrap but the problem i am facing with bootstrap 3 is some point it is not look like same in mobile phone .