카드 내부 스크롤

client/src/components/StudyPlan/StudyPlanCard.js

 import { Link } from "react-router-dom";
 import PlanLineList from "./PlanLineList";
+import style from "./studyplan.module.scss";
 
 const StudyPlanCard = ({ renList, handleClick, handleEdit }) => {
 
   return (
     <Link className="card text-decoration-none link-dark mb-3" to={`/studyplan/${renList.id}`} style={{ width: "20rem" }} >
-      <div className="card-body">
+      <div className="card-body" style={{ height: "150px" }}>
         <div className="d-flex">
           <h5 className="card-title col-10 text-nowrap" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>{renList.name}</h5>
           <div className="col-2 d-flex justify-content-end">
@@ -15,7 +16,9 @@ const StudyPlanCard = ({ renList, handleClick, handleEdit }) => {
           </div>
         </div>
         <p className="card-subtitle ms-1 mb-2 text-muted">{renList.prof && renList.room ? renList.prof + ' - ' + renList.room : (renList.prof || renList.room)}</p>
-        <PlanLineList subjectId={renList.id} planList={renList.planList} handleClick={handleEdit} />
+        <div className={`${style.inCard}`} style={{ height: "60px" }}>
+          <PlanLineList subjectId={renList.id} planList={renList.planList} handleClick={handleEdit} />
+        </div>
       </div>
     </Link>
   )

client/src/components/StudyPlan/studyplan.module.scss

@@ -3,6 +3,10 @@
   overflow-y: auto;
 }
 
+.inCard {
+  overflow: scroll;
+}
+
 .checkBox {
   border-color: black;