Having a hard time getting Icon-Container to be width of its parent

[hallow basin]

In the Figma file it takes the full width, but not in my project. Whats the best way to share my code?

[hallow basin]

code: https://paste.ofcode.org/AiP5QaseTRfx3YRChQwGDq

[opal chasm]

Try messing around with the gap css property

[obsidian grove]

@hallow basin I think justify-content: space-between instead of justify-content: space-around should solve your issue

[hallow basin]

unfortunately it didnt ;/

[hallow basin]

ok

[hallow basin]

on which element/ container?

Im still having this issue and would appreciate some help.

[opal chasm]

i think it's from the max-width: 350px on the cardContainer

[hallow basin]

i fixed it! it was from the padding on cardContainer

[crystal orbit]

This is a bit of a tangent, but I think I managed to avoid this problem in this exercise by setting margin: 0; on the card itself which then cascaded down to all its children, to whom I directly added margins as needed.

Is this considered a bad practice?