Homework/js/22_react/shop/src/App.scss

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

.GoodCard {
  border: 1px solid black;
  border-radius: 15px;
  margin: 15px 0;
  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;
      }
    }
  }
}