CodePen Embed - Easter Egg step 6

<div class="egg">
  <div class="stripe"></div>
  <div class="stripe"></div>
  <div class="stripe"></div>
  <div class="stripe"></div>
  <div class="stripe"></div>
</div>

.egg {
  width: 140px;
  height: 200px;
  background: #FBE9E7;
  margin: 1em auto;
  border: 3px solid #ccc;
  
  border-radius: 50%/60% 60% 40% 40%;
  display: grid;
  overflow: hidden;
  grid-template-rows: repeat(5, 20%);
}

.stripe {
  border-top: 2px solid #ccc;
}

This Pen is owned by Malgorzata Rita on CodePen.

See more by @ritawanderlust on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.