Here’s the Deal
Slant is powered by a community that helps you make informed decisions. Tell us what you’re passionate about to get your personalized feed and help others.
When comparing Semantic Grid System vs GroundworkCSS, the Slant community recommends GroundworkCSS for most people. In the question“What is the best CSS framework?” GroundworkCSS is ranked 16th while Semantic Grid System is ranked 36th.
Ranked in these QuestionsQuestion Ranking
Common Questions
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.
Pro Responsive text
Pro GroundworkCSS uses Autoprefixer
Autoprefixer is a postprocessor that allows writing code without vendor prefixes.
Pro Sass and CoffeeScript components
Pro Accessibility focused
Pro Semantic
Pro Grid system
Cons
No cons yet!
No cons yet!