멋진 개발자가 되고 싶어

반응형 정사각형으로 만들고 싶은 부분(.square)에 아래와 같이 스타일을 적용하면 된다. .square { background-color: #0f6674; width: 100%; } .square:after { content: ""; display: block; padding-bottom: 100%; } 자세하게 알고 싶다면 아래의 코드펜을 참고하면 된다. See the Pen Responsive Square by bbungbbun (@bbungbbun) on CodePen.