fixed layout：

 xs(20%)
  sm(40%)
  sub(50%)
 lg(60%)
 xl(80%)

flex（class add flex-sub|twice|treble）

1:1

horizal（parent class add justify-start|end|center|between|around）

                    start
                    start
                
                                    end
                    end
                
                                    center
                    center
                
                                    between
                    between
                
                                    around
                    around
                

vertical

                    ColorUi
                    start
                
                                    ColorUi
                    end
                
                                    ColorUi
                    center
                

grid layout

   {{1}}
   {{2}}
   {{3}}

grid layout height equal

   1   2   3