Can't get flex items to move closer together

HTML-CSS
1

Hey guys, I can get these three boxes to move closer together - https://codepen.io/kuwotu/pen/dypJbZr.

Here is what is meant to be the finishing article - https://codepen.io/freeCodeCamp/full/RKRbwL

Help would be appreciated please.

Thanks.

2

You can give #prices a max-width (say 980px) and an auto margin to center the child elements. Then remove the % width on the child elements. You can also use other flexbox space distribution values like space-evenly.

1 Like
3

Thanks a lot! Problem solved

1 Like