height를 0으로 주고 padding-top을 100%로 한다. 만약 이 요소의 "부모 요소"에 padding-top, padding-bottom 값이 있다면 아래처럼 작성해야 함
.card-square {
height: 0;
padding-top: calc(100% - 32px);
}
/*위의 32px은 부모 요소의 padding-top, padding-bottom을 합한 것임*/
사는 것도 디버깅의 연속. feel lucky to be different🌈 나의 작은 깃허브는 https://github.com/lyj-ooz