Could someone explain why justify-content is having no effect?

Hi coders!

Here is my codepen. The issue I’m having is in regards to the divs with the class name .inner. The .inner containers flex-flow = row wrap and justify-content isn’t changing the layout at all. I guess something is overriding it? I can’t figure it out at all. I would just post the relevant code, but I fear leaving out something that has relevancy to the issue.

I’m tearing my hair out with this one, any help would be appreciated!

P.S I know it looks very rough, but it doesn’t seem to have ported to codepen very well!

What you’re seeing is (I think) the proper behaviour of flex-box. In general, I think you’re probably better off using grid but have a look at this and see if there is a solution you like:

1 Like

I’ll check it out, thanks!