[CSS] box안에 이미지 넣기(반응형)

div를 통한 box의 width를 설정해주고
img 태그의 안쪽에서 padding을 통해 설정하도록 한다

• 가장 중요한 것은 box-sizing: border-box를 통해서 padding 값에 따른 크기 변화를 억제

div {
  width: 500px;
  border: 4px solid red;
  
}
div img {

  width: 100%;  
  padding: 50px 20%;
  box-sizing: border-box;
}