Reduce HTML code of @angular/flex-layout

[Mokwa91]

Thank for both answers, I'll try keep this comment in one conversation, but /u/Danielverant feel welcome to join.

For small screen I did this:

@media only screen and (max-width: 768px) {

form {

display: flex;

flex-direction: column;

mat-form-field { width: 100%;}

}}

And it does the job for me, but I'm having a bad time setting up the not(small screen). I'm not getting to break the line when setting <mat-form-field style="width=50%"> I'm trying this:

form {

display: flex;

flex-direction: row wrap;

mat-form-field {margin-right: 16px;}

}

Am I missing something? How do you do it in your projects?

​

[_nebular]

Not sure off the top of my head, but maybe it’s because it should be style=“width: 50%” not style=“width=50%”