When comparing Blueprint vs Semantic Grid System, the Slant community recommends Semantic Grid System for most people. In the question“What is the best CSS framework?” Semantic Grid System is ranked 36th while Blueprint is ranked 53rd. The most important reason people chose Semantic Grid System is:
With Semantic.gs, you can manipulate the grid using media queries. article { .column(9); } section { .column(3); } @media screen and (max-width: 720px) { article { .column(12); } section { .column(12); } }
Ranked in these QuestionsQuestion Ranking
Pros
Pro Responsive layouts
With Semantic.gs, you can manipulate the grid using media queries.
article { .column(9); }
section { .column(3); }
@media screen and (max-width: 720px) {
article { .column(12); }
section { .column(12); }
}
Pro Fixed and fluid layouts
By default Semantic Grid System has a fixed layout. But switching to fluid, percentage-based layouts is easy. To switch from pixels to percentages, simply add one variable:
@total-width: 100%;
Pro Runs on SCSS, LESS, or Stylus
Semantic.gs supports all modern CSS pre-processors sucha as Sass, LESS and Stylus.
Cons
Con No preprocessor support
No support for Sass, Less, or Stylus.
Con Non-responsive
Does not follow the responsive web development philosophy.
Con Outdated
It was last updated in 2011.