<div class="bar bar1"></div>
<div class="bar bar2"></div>
<div class="bar bar3"></div>
<div class="bar bar4"></div>
<div class="col-container">
<div class="col"></div>
<div class="col"></div>
</div>
<style>
body {
margin: 2.8rem 0;
background: #C05F6A;
}
.bar {
background: #F2EAA8;
height: 1.9rem;
width: 20rem;
margin: 1.85rem auto;
}
.bar1 {width: 16.9rem}
.bar2 {width: 14.4rem}
.bar3 {width: 11.9rem}
.bar4 {width: 9.4rem}
.col-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
gap: 4.35rem;
}
.col {
width: 1.9rem;
height: 100%;
background: #C05F6A;
}
</style>