-2

How to make the minimum width of the page by using Susy? For example:

body {
   min-width: 320px;
}
Spark89
  • 1
  • 1

1 Answers1

0

Not sure what u want, but maybe you can override the container settings like so

// $container-width: <length> | <boolean>;
$container-width: false;
  • <length>: Length in em, px, %, etc.
  • <boolean>: True or false.
Matthijs van Hest
  • 769
  • 1
  • 6
  • 12
  • My main goal to set min-width of body to 320px. So when web page meet device smaller than 320x480 page dont break. Sorry for bad english :) – Spark89 Oct 29 '15 at 15:41
  • Susy is meant to be good for mobile devices. If your page breaks, you're probably using it wrong. Setting a minimal-width will only result in having to scroll horizontally on a mobile device, that's absolutely NOT user friendly. Try to fix your css all the way, set a viewpoint and make use of [media queries like these (just a random website)](http://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/) – Matthijs van Hest Oct 29 '15 at 15:48
  • Perhaps the root of my problems that I don't use mobile first approach... – Spark89 Oct 29 '15 at 16:03
  • But how to set my layout when page seas device smaller then 320x480 with mobile first approach? – Spark89 Oct 29 '15 at 16:24
  • Put your css in the media query blocks.. use the link I gave you, and study a bit. – Matthijs van Hest Oct 29 '15 at 16:52
  • Ok, I will.Thank you very much :) ! – Spark89 Oct 29 '15 at 17:15
  • Glad I could help pointing you in the right direction :). – Matthijs van Hest Oct 29 '15 at 17:22