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