html - Angular Material layout-align center doesn't affect text in small mode -


i expect piece of code center content in both vertical , horizontal. that. make window smaller(like mobile), text's (h1 , p) alignment changes left aligned. missing basic? can 'text-center' works don't want add css styling myself.

codepen

<body layout="column" ng-app="app">   <div layout="row" flex layout-align="center center">    <div layout="column" layout-align="center">     <h1>welcome switzerland</h1>     <md-button class="md-hue-2 md-raised md-primary" >        <h1 class="md-display-1">login</h1>     </md-button>     <p class="md-caption">this web site uses membership given email address.</p>   </div>  </div> </body> 

for me it's working should in newest version of chrome. browser compatibility issue. angular material has amount of bugs in still new.

i've added angular material site not long ago , did used decent amount of css hacks (some bugs, not).

obviously try use native things if can, small css hack should okay until gets fixed. let me know if problem still persists!


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -