Day 301

Fixed an issue by using flexbox today!
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

.banner {
      width: 100%;
      // max-width: 1200px;
      margin: 0 auto;
      height: 70px;
      background: #000;
      background-color: #000;
      display: flex;
      justify-content: space-between;
      .left-side {
        position: relative;
        display: inline-block;
        width: 300px;
        .logo {
          a {
            img {
              width: 100px;
            }
          }
        }
        .codingphase-link > .visit > a {
          position: absolute;
          top: 1.5rem;
          left: 7rem;
          text-decoration: none;
          font-weight: 600;
          color: #fff;
        }
      }
      .right-side {
        position: relative;
        width: 300px;
        .enlist {
          position: absolute;
          top: 1.5rem;
          right: 12rem;
          a {
            text-decoration: none;
            font-weight: 600;
            color: #fff;
          }
        }
        .report {
          position: absolute;
          top: 1.5rem;
          right: 0.5rem;
          a {
            text-decoration: none;
            font-weight: 600;
            color: #fff;
          }
        }
      }
    }