Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhen comparing Semantic Grid System vs Galaxy, 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 Galaxy is ranked 43rd. 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); } }
Question 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.
Pro Fast and lightweight
Galaxy uses CSS animations and rarely relies on Javascript (2kb). It's about 1/67th the size of Bootstrap.
Pro Beautiful
More modern UI than traditional frameworks like Bootstrap.
Pro Semantic markup
Using the custom attribute g, it's very easy to scale and maintain.
Cons
