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 : enter image description here 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

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -