layout-align not working in angular material
<p>I have this code , here when screen size is more than <strong>small</strong> layout-align is working well but when it is smaller than <strong>Small</strong> layout align is not working</p>

<pre><code>&lt;div layout-gt-sm="row" layout-lt-sm="column" flex layout-align="space-around center"&gt;

    &lt;!-- main content like jokes and news will go here --&gt;
    &lt;div flex-gt-sm="55" flex="80"&gt;
        &lt;md-card class="md-whiteframe-5dp"&gt;
            hello&lt;/md-card&gt;

    &lt;/div&gt;
    &lt;!-- todo and upcoming event will go here --&gt;
    &lt;div flex-gt-sm="35" flex="80"&gt;
        &lt;div&gt;
            &lt;ng-include src="'templates/dashboard/todo.html'"&gt;&lt;/ng-include&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;ng-include src="'templates/dashboard/todo.html'"&gt;&lt;/ng-include&gt;
        &lt;/div&gt;

    &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>thanks</p>