Justify content:space-around not working

1

hey I was working with flex box but the list items don’t seem to get space between then even after using space-around.
I checked with firefox dev browser that flexbox is made but cant understand why space is not added

2

The nav-list needs width to have space to distribute. Try giving it say 30% width (or whatever).

3

this don’t seem to work the whole list got outside the navbar

Screenshot (253)
Screenshot (253)1366×768 12.5 KB

4

I changed the width in #navbar > ul and that seems to work

5

Just to be clear, nav-list is the ul.