Margin with fxLayoutWrap and fxLayoutGap

[clement-hollander]

Hi,

When using responsive API, resizing the screen keeps a margin right on the element wrapped

<div fxLayout="row wrap" 
     fxLayoutAlign="start stretch" 
     fxLayoutGap="20px">

    <div  fxFlex="calc(20% - 20px)" 
          fxFlex.lt-md="0 0 calc(33.33% - 20px)">
        1
    </div>
    <div  fxFlex="calc(20% - 20px)" 
          fxFlex.lt-md="0 0 calc(33.33% - 20px)" >
        2 
    </div>
    <div  fxFlex="calc(20% - 20px)" 
          fxFlex.lt-md="0 0 calc(33.33% - 20px)" >
        3
    </div>
    <div  fxFlex="calc(20% - 20px)" 
          fxFlex.lt-md="0 0 calc(33.33% - 20px)" >
        4
    </div>
    <div fxFlex="calc(20% - 20px)" 
         fxFlex.lt-md="0 0 calc(33.33% - 20px)" >
        5
    </div>
    
</div>

[ThomasBurleson]

@clement-hollander - I do not understand what you are trying to do. Can you clarify and provide a snapshot of the intended layout ?

[ThomasBurleson]

This appears to be a duplicate of #363.

See response there.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}