[Solved] How to make rounded bottom of header? [closed]

by 


.div {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}

.div-inner {
  position: relative;
  background: black;
  height: 120px;
}

.div-inner:before,
.div-inner:after {
  box-shadow: 0 0 0 80px #000;
  border-radius: 100%;
  position: absolute;
  height: 150px;  /* You can change it */ 
  content: '';
  right: -20%;
  left: -20%;
  top: 100%;
}
<div class="div">
  <div class="div-inner"></div>
</div>

0

solved How to make rounded bottom of header? [closed]