Как выровнять все содержимое сайта по одной линии

К примеру, у меня на сайте есть хедер и какая-то контентная часть. Как сделать так ,чтобы при изменении расширения экрана, и хэдэр и контент всегда оставались на одной линии, то есть не разъезжались. `

<header>
<div class="content-header">
<div class="container-fluid">
<div class="row align-items-center justify-content-center header-content">
<div class="col-md-auto">
</div>
<div class="col-md-auto">
</div>
<div class="col-md-auto">
</div>
</div>
</div>
</div>
</header>
<section class="main-section">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-md-auto">
</div>
<div class="col-md-auto">
<form class="main-section-form" method="POST" action="/form.php" >
</form>
</div>
</div>
</div>
</section>