Use the .align-items-*-end classes to align single rows of items at the end on different screens.
Resize the browser window to see the effect. Note: align-items-stretch is default.
.align-items-end:
.align-items-end
.align-items-sm-end:
.align-items-sm-end
.align-items-md-end:
.align-items-md-end
.align-items-lg-end:
.align-items-lg-end
.align-items-xl-end:
.align-items-xl-end