When comparing Semantic Grid System vs Flutter, the Slant community recommends Flutter for most people. In the question“What is the best CSS framework?” Flutter is ranked 25th while Semantic Grid System is ranked 36th.
Specs
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.
Pro Open source
Pro Great developer tools debug/hotreload/analyser
Pro Based on Dart language
Dart is a Java like language, easy to learn and startup fast for millions of Java developers.
Pro A single codebase for iOS AND Android
Pro Fast
The developer's goal is to allow people to make apps running at 120 FPS.
Cons
Con Still in development
According to the website, Flutter is still in its early stages of development.
Con Based on Dart language
Dart is a Java like language, easy to learn and startup fast for millions of Java developers. BUT if you have to learn it ... it's a con.
Con Dart is unpopular and never gained serious community traction like Kotlin or Java
Con Does not support 32-bit iOS devices
If you plan on targeting iPhone 5, 5C or earlier, you can forget about Flutter.