Welcome to the Treehouse Community
Looking to learn something new?
Tomasz Sporys11,258 Points
How to make sure the website looks good on any device?
Hi guys. I know the question seems to be standard and it's explained in many lessons in many courses on treehouse but, here is the thing. I'm building a website just for practicing. I'm taking "mobile first" approach so at the moment I am just concentrating what the website looks like on the phone.
I have used my desktop browser and made it as narrow as possible to simulate the mobile view.
Uploaded the files to see the website on the actual device like smartphone, and was shocked:0
It was not even close to what I expected. Everything was very, very tiny. and the footer was not on the bottom despite the fact I made it "sticky"(and it was but on desktop). I've checked mulit device web testers and they are crap! It has nothing to real look of the website on the device.
Could please someone explain to me what is going on and what steps I should take? Thanks for help in advance?
I do not see the footer as being sticky on the desktop version, when I remove content from between the navigation and the footer, the footer moves up.
I don't know if you've tried this website, but this site might have more accurate display of what the site looks like on multiple devices: https://www.browserstack.com/responsive
You'll need to look into changing font-size, this page might be able to help with this.