Flexbox Help: alignment

Question

Please help! 😩
I have tried all kinds of ways, read up on flexbox and flexgrid, tried align-self, align-items, align-content, and haven’t figured it out after about an hour of trying. I simply need for the sun to rise in the east, not the west!
https://code.sololearn.com/WHGJFsHplPXJ/?ref=app

Answer 1

#sphere {
width: 50px;
height: 50px;
background: #F4FA01;
position: absolute;
left: 80%; // <-here
border-radius: 50%;
box-shadow: 1px 1px 5px 10px yellow;
display: flex;
flex-direction: column;
align-self: end;
}

with left you move it away from the left edge l the value can be percentage, pixels, etc

Answer 2

L.M.Paredes Thanks a million for helping me with this!!! 🙏