Comparing Sass vs CSS layout systems - using CSS

css.css

/* With a CSS grid system */

/* Using a Css system, you'll have in your mark-up something like that
 *
 *        <div class="col span_1_of_2"></div>
 *        <div class="col span_1_of_2"></div>
 *
 * Then, for a simple rwd task, you'll have this in your CSS:
 * (taken from http://www.responsivegridsystem.com/)
 */

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .span_2_of_2 {
    width: 100%; 
  }
  .span_1_of_2 {
    width: 100%; 
  }
}

/* 
 * See how they take .span_1_of_2 and make it spread 100% wide, that doesn't
 * make any sense to me.
 */