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

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

firemonkey - How do I make a beep sound in Android using Delphi and the API? -