<div class="header">
  <div class="header__content">
    <!-- 90% Ширина -->
    <div class="logo-block">
      <p>Logo</p>
    </div>
    <div class="menu-block">
      <p>Menu</p>
    </div>
  </div>
</div>
body {
  margin: 0;
  background-color: gray;
}

.header {
  background-color: white;
}

.header__content {
  position: relative;
  display: flex;
  width: 90%;
  margin: 0 auto;
}

.header__content::before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background-color: orange;
}

.logo-block {
  background-color: orange;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.