ayko

모바일 반응형으로 이미지 작업을 하려고합니다.

이미지 크기 1100px에서 그 이상의 화면에서는 좌측 정렬이 되어서

가운데 중앙 정렬을 하기 위해 구글링을 해본 후 방법을 찾았어요.

html

<div class="wrap">

    <img class="img" scr="https://...">

</div>

css

.wrap { width:100%; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; position:center; }

.img {max-width: 100%; margin:0 auto; height: auto;}

이미지 출처 : https://pixabay.com/