Homework/js/22_react_cw/shop-2/src/App.scss

.dotParent {
  display: flex;
}

.dot {
  border-radius: 50%;
  background-color: #000000;
  width: 20px;
  height: 20px;
  margin: 0 10px;
}

.red {
  background-color: #ff0000;
}



.Logo {
  img {
    max-height: 100px;
  }
}

.GoodCard {
  border: 1px solid black;
  border-radius: 15px;
  margin: 15px;
  img {
    max-width: 300px;
  }
}

.App {
  text-align: center;
  header {
    .Logo {
      img {
        max-height: 100px;
      }
    }
  }
  main {
    display: flex;
    flex-direction: row;
    aside {
      width: 30%;
      background-color: cyan;
    }
  }
  footer {
    background-color: #303030;
    .Logo {
      img {
        max-height: 200px;
      }
    }
  }
}