Mobile layout isn't what it should be


#1

Hi there! So I've been working on re-designing a website for my mom and it looks good. It's responsive in my google chrome when I re-size the window to a smaller window size. But for some reason, when I re-size the window to a mobile size, it still looks great, but it doesn't match what it actually looks like on my phone. How do I get what the website looks like on my phone to match what it looks like in google chrome when it's resized? I hope that makes sense
This is what it looks like on my phone:

This is what I would like it to look like when it's on a mobile device:

(I'm on a laptop so I couldn't get the whole window in my screenshot. But it's basically supposed to fill the frame.)


#2

@kperry91 Does adding <meta name="viewport" content="width=device-width,initial-scale=1.0"> inside the <head> tag make it display properly?


#3

Yes it does! Thank you so so much zystvan!


#4