Update README.md

Author: nb312

README.md

@@ -1,7 +1,14 @@
 
 ## Just for learnning
 ### Show some :heart: and star the repo to support the project.Thanks!
-This Demo contains contents as follow:   
+
+## ScrollView     
+<img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/nest_screen.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/sliver_screen.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/hero_screen.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/list_screen_1.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/list_screen_2.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/page_view_screen.png" width="320">
+
+## Common Layout     
+<img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/row_column.jpg" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/cross_align.jpg" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/stack_screen_1.png" width="320">    <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/stack_screen_2.png" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/expand_screen.png" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/padding_screen.png" width="320">
+
+### This Demo contains contents as follow:   
   - Row
   - Column
   - CrossAxisAlignment
@@ -18,14 +25,9 @@ This Demo contains contents as follow:
   - SliverFixedExtentList
   - SliverList
   - SliverFillViewport
+<img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/flutter_layout.gif" width="320">  
 
-## ScrollView     
-<img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/nest_screen.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/sliver_screen.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/hero_screen.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/list_screen_1.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/list_screen_2.png" width="320"> <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/page_view_screen.png" width="320">
-
-## Common Layout     
-<img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/row_column.jpg" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/cross_align.jpg" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/stack_screen_1.png" width="320">    <img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/stack_screen_2.png" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/expand_screen.png" width="320"><img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/padding_screen.png" width="320">
 
-<img src="https://github.com/nb312/flutter_layout/blob/master/screenshots/flutter_layout.gif" width="320">
 ## MyAccount    
 [nb312](https://github.com/nb312)   
 [Android APK Link of this project](./doc/flutter_layout.apk)