JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <h1>Сайт</h1>
    <h2>Макет центрируется</h2>
    <p>кроме галереи</p>
    <div class="gallery_container">
        <div class="gallery">
            <p>А здесь будет галерея</p>
        </div>
    </div>
</div>

CSS

html, body {  height: 100%; margin: 0; padding: 0; min-width: 450px; }
.main { min-height: 100%; width: 400px; margin: 0 auto; background: #ffc; }
.gallery_container { position: absolute; left: 50%; right: 0; }
.gallery { margin-left: -200px; background: #ccc; min-height: 200px; }
h1, h2, p { padding: 1em; }