이미지 배너 반응형 대응하기

Poco ·2021년 1월 25일
0

CSS

목록 보기
2/11

1. 보여지고 싶은 위치 지정하기

img 태그안에 src 넣지말고 css 속성으로 backgroud-src 로 넣어주고
background-position : center center 와 같은식으로 보여주고 싶은 위치를 지정해준다.

구글링: https://stackoverflow.com/questions/6038680/css-background-position-not-working
도움을 받은글: https://aboooks.tistory.com/162

2. PC에서는 3단 Mobile에서는 1단으로 카드 배치하기

idea: flex-wrap , grid 속성, max-width 를 이용해서 처리할 수 있을것같다. 아직 안해봐서 모름

도움을 받은 링크: https://developer.mozilla.org/ko/docs/Web/CSS/flex-wrap

profile
안녕하세요. 개발자와 마케터 경험을 가지고 PM으로 일하는 김선욱(aka 포코) 입니다. 제품 개선, 애드 테크, 광고 수익 최적화에 관심이 많습니다. velog에는 일하면서 얻은 인사이트를 기록하고 있습니다.

0개의 댓글