Day 297

Building the menu...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

.container {
  max-width: 800px;
  margin: 50px auto; 
  .menu {
    & > li {
      background: #555;
      color: #fff;
    }
    li {
      display: inline-block;
      list-style: none;
      padding: 20px;
      border: 1px solid #000;
      margin: 0;
      position: relative;
      ul.first {
        position: absolute;
        background: red;
        top: 56px;
        left : -1px;
        display: block;
        width: 150px;
        text-align: center;
        li {
          display: block;
          ul.second {
            position: absolute;
            background: purple;
            top: -1px;
            left : 100%;
            display: block;
            width: 150px;
            text-align: center;
            li {
              display: block;
              ul.third {
                position: absolute;
                background: green;
                top: -1px;
                left : 100%;
                display: block;
                width: 150px;
                text-align: center;
                li {
                  display: block;
                }
              }
            }
          }
        }
      }
    }
  }
}