html – Scrolling on a hard and fast ingredient: CSS

.HumCategoriesWrapper {
  show: flex;
  align-items: middle;
  flex-direction: column;
  /* width: 30%; */
  padding: 0 20px 0 20px;
  max-width: 1000px;
  margin: 0 auto;
  background: #1C1E2B;
  float: left;
  min-height: 100vh;
  place: fastened;
  proper: 0;
  overflow: hidden;
}

.HomePageWrapper {
  width: 80vw;
  float: proper;
}

<div className="HumCategoriesWrapper">
  <h2 type={{paddingTop: "40px", paddingBottom: "20px", width: "100%", shade: "white"}}>Hum Classes</h2>
  <div contenteditable className="humCatCards">
    <HomeCard />
    <HomeCard />
    <HomeCard />
    <HomeCard />
    <HomeCard />
    <HomeCard />
    <HomeCard />
  </div>
</div>
</div>