Use the .justify-content-*-end to display flex items at the end (right-aligned) on different screen sizes.
Resize the browser window to see the effect.
.justify-content-end:
.justify-content-end
.justify-content-sm-end:
.justify-content-sm-end
.justify-content-md-end:
.justify-content-md-end
.justify-content-lg-end:
.justify-content-lg-end
.justify-content-xl-end:
.justify-content-xl-end
.justify-content-xxl-end:
.justify-content-xxl-end