I'm making a flexbox image carousel and I want to place the right and left buttons inside the carousel flexbox, so I positioned them as absolute. I set the wrapper to
2 things is going wrong here:
align-self on flex row items is set for its cross axis (vertical).
Due to a change in the specs. there is an inconsistent behavior cross browsers for absolute positioned elements.
To horizontally left/right align flex row items when set on the flex item, use
margin-right: auto, though since this won't work on i.e IE/Safari, a workaround for them is to use