Check out example codes for "how to get a division to be in centre of screen in responsive web page for screen of any size". It will help you in understanding the concepts better.

Code Example 1

<link rel="stylesheet" href="">

<div class="d-flex justify-content-center align-items-center bg-secondary w-100" style="height: 300px;">

Learn ReactJs, React Native from