Why justify-self doesn't change anything?


Here’s my codepen : https://codepen.io/johnthecoder/pen/RXLzWX

I’m making a lightbox for an image gallery. I’m trying to put the ‘<’ and ‘>’ and both sides.
I’m using flexbox because i know the basics but here i don’t understand why justify-self doesn’t work.

EDIT : in my case i should have used justify-content: space-between !

justify-self is not used by flexbox. You may want to use auto margins for the brackets instead (or use other justify-content values for the flex container itself)

Also you might want to use &lt; and &gt; instead of raw < and > in your HTML.

Well ok i’ll try something else.

Thanks for the tips