화상 위에 공백이 생긴 경우의 응급 처치

다음과 같이 Chrome에서 img 태그에 margin을 붙이지 않지만 object-fit 속성으로 cover를 붙일 때 상단에 공백이 생길 수 있습니다. safari에는 상단 공백이 없습니다. img 태그의 부모 요소에 img 태그에 가볍게 해설하면 display : grid에서 자식 요소가 부모 요소의 원점 왼쪽 상단으로 이동하기 때문에 img 태그 위에 공백이 없어집니다. grid-te...

object-fitCSS3img그리드