aspect-ratio 속성 주면 너비에 맞게 세로가 정해진다
사용법
aspect-ratio : (가로)/(세로)
HTML
<Row>
<img src="/images/assets/title_projects.svg" className="Section-title" />
<Col lg={4} md={6} className="projects-card-container">
<div className="projects-card">
<div className="projects-card-inner">
<img src="" />
</div>
<p className="projects-card-text">dsf</p>
</div>
</Col>
<Col lg={4} md={6} className="projects-card-container"></Col>
<Col lg={4} md={6} className="projects-card-container"></Col>
</Row>
CSS
.projects-card {
background-color: black;
width: 100%;
border-radius: 1rem;
padding: 1rem;
aspect-ratio: 3/ 4;
}