Problems with Bourbon/Neat on mobile?

Design Front End Development
1

I recently installed bourbon/neat/bitters/refills in a rails app to experiment with it. In the browser it is working beautifully, and was very easy to implement refills like centered nav, etc. Resizing browser to different widths displays different breakpoint layouts, eventually displaying one column layout. However, on actual mobile safari on iphone, it’s displaying the largest breakpoint layout (I believe “large-screen”). I’m not yet doing any additional sass or anything, just trying to display some refills “out of the box” so far.

Apologies in advance if this is a dumb question… anybody else run into this, steps to resolve?

Thanks,
Josh

2

Hi Josh,

You probably forgot to set the viewport in app/views/layouts/application.html.erb:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

greetings,

Anthony

3

Anthony, thanks so much! Very much appreciated, that fixed it.

Josh

4

Hi Josh,

glad I could help.

greetings,

Anthony