Why can't I move an object with justify-self?

Question

css

I have 4 squares and I want to place each of these squares in each corner of the flex container, I decided to do this with the justify-self command and when I set the justify-self: start parameter for the one div, then the reaction does not go ... why?
https://codepen.io/tempest2708/pen/ZEWaepy

Answer 1

MDN: In flexbox layouts, this property is ignored