<div class="block">
<div class="container">
<div class="block-row">
<div class="a">lorem</div>
<div class="b">lorem</div>
<div class="c">lorem</div>
</div>
</div>
</div>
body {
margin:0;
min-height: 100%;
}
.container {
max-width: 1140px;
margin: 0 auto;
position: relative;
}
.block {
min-height: 100vh;
background-color: red;
}
.block-row {
position:absolute;
z-index: 1;
top: 40px;
width: 100%;
display: flex;
justify-content: space-between;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.