How to align a flex item in the center on small screen in Bootstrap 4?

1.	How to align a flex item in the center on small screen in Bootstrap 4?
Answer» To align a flex item in the CENTER on SMALL SCREEN using the align-self-sm-center class in Bootstrap. This is how you include the class: <div class="p-2 BORDER align-self-sm-center"&GT; Flex item name </div>

Discussion