Is it possible to achieve the desired look with one fxFlex?

Question

Angular

You want to get the following result:
But the problem is this:

1. If you fxLayout="row wrap" fxLayoutGap="25px"
   set the element in the block fxFlex="20", the line fits 3 elements, not 4 due to the indentation of fxLayoutGap in 25px
   In the inspector, I look for the element set I max-width: 20%
   thought to solve the problem in this way fxFlex="calc(20% - 25px)", but in this case, the inspector no longer has the maximum width, but min-width: calc(20% - 25px);this is what it turns out:
   
   
2. fxLayoutGap="25px grid"also does not solve this problem, adds extra horizontal scrolling

How can this problem be solved?
Code here: https://stackblitz.com/edit/angular-j3pgzp