Here is a flex container with five items. The align-self settings are at the default (which is stretch)

item 1
item 2
item 3
item 4
item 5

Here is the same flex container with align-self on item 2 set to baseline AND align-self on item 4 set to flex-end The rest are at the default.

item 1
item 2
item 3
item 4
item 5

To see the code used, right click the page and select view page source from the menu.