How to keep the red div in the center and place the yellow div on the right side of the container with flexbox?

I want my red div to remain in the center and the yellow div to be on the right side of the flexbox container, but I don’t understand. please help

here’s my code: https://codepen.io/sophiaalves000/pen/KKgKoPM

Hi @sophialves000

Try align-self property to your red box.

Thank you.