3

I've just installed skeleton framework to experience it. i'm using 16 columns layout and i see that i have margins on left and right when i test it on iphone.

someone has an idea?

thanks

Simon Hayter
  • 3,131
  • 27
  • 53
tzvika ofek
  • 53
  • 11

1 Answers1

0

You can set the column margins for phones and other devices using media queries in the CSS.

Skeleton uses margin-left:10px, and margin-right:10px on the columns by default so....

An Typical example of setting the margins using Skeleton for an iPhone 5 would be:

@media (max-width: 1136px) { .column, .columns {margin:0;} }
Simon Hayter
  • 3,131
  • 27
  • 53
  • it doesn't help.... i just tried adding your code and a simple div to test it: @media (max-width: 1136px) { .container .column, .container .columns { margin:0; } #test { border: 1px solid black; background: green; height: 100px; } } and put that div in sixteen columns container:
    and i got a green box with margins on both sides on my iphone...     – tzvika ofek Feb 07 '13 at 23:00
  • The solution provided is that to over-ride the margins set by Skeleton framework. If you are still getting margins then something else in your code is causing it and not the framework. Either link the site in question or narrow your question down by including CSS and HTML snippets. – Simon Hayter Feb 13 '13 at 00:50