Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhen comparing Semantic Grid System vs Material Design Lite, the Slant community recommends Material Design Lite for most people. In the question“What is the best CSS framework?” Material Design Lite is ranked 12th while Semantic Grid System is ranked 36th. The most important reason people chose Material Design Lite is:
Material Design Lite is a framework created by Google, who are also responsible for the creation of Material Design.
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 Developed by Google
Material Design Lite is a framework created by Google, who are also responsible for the creation of Material Design.
Pro Very customizable
Cons
Con Deprecated
No longer maintained
Con On limited support
Google moved further development efforts to Material Components for the web.
