html - Angular Material Design layout="row" contents are overlapping the window -
so here's html
<div id="someid">     <div layout="column" layout-padding>         <h3 class="someclass" align="center">week 2</h3>         <div layout="row"  style="outline: 1px solid red">              <!-- <div ng-repeat="doge in doges">                 // contents             </div> -->          </div>     </div> </div>   that produces :  
 red outline actual width of browser. why 5th item goes through instead of going next line?
actually layout-wrap <div layout="row"  style="outline: 1px solid red"> , automatically wrap contents.
<div id="someid">     <div layout="column" layout-padding>         <h3 class="someclass" align="center">week 2</h3>         <div layout="row" layout-wrap  style="outline: 1px solid red">              <!-- <div ng-repeat="doge in doges">                 // contents             </div> -->         </div>     </div> </div>      
Comments
Post a Comment