CODEWITHSUNDEEP
angularsassangular-flex-layout
splintercell9
splintercell9

Reputation: 303

@angular/flex-layout causing annoying scrollbar in angular 11

First time using @angular/flex-layout tried it on my new project. By showing mat-card in a for loop inside the flex-container. It adds up an annoying scrollbar I don't want to use fxFlex="column" on xs devices, I think fxLayoutGap="20px grid" is causing the issue. Here is stackblitz link: here

How can I fix this problem?

Upvotes: 0

Views: 605

Answers (1)

Andrei
Andrei

Reputation: 12036

add fxFlexFill to the container

<div fxLayout="row wrap" fxLayoutGap="20px grid"
  fxFlexFill
   fxLayoutAlign="center center">

Upvotes: 3

Related Questions