portfolio 시습 1: landing Page 질문입니다.

[Frank]

안녕하세요.  강의 잘 보고있습니다.

 

다름이아니라, 아래부분 질문입니다.

 

이미지에 position absolute / bottom 0px를 주고 

큰박스인 main-background에 position relative를 주었는데

화면을 줄이게되면 자꾸  아래사진처럼 아이폰 이미지가 왼쪽으로 붙더라구요.  

혹시 이럴 때는 어떻게 해야할까요? (참고로 아래사진은 화면 이미지를 축소한 사진 입니다.)

(

 

 

이건 제 코드입니다.

.main-iphone에서 left 및 right로 조정을 해봤지만, 막상 화면을 줄이게되면

이상하게 조정이 되더라구요..

 

 

 

한참을 고민하다가 

@media screen and (max-width :992px){
.main-iphone{
width: 260px;
float: none;
display: block;
margin: auto;
position: relative;
bottom: -58px;
}

position absolute에서 relative로 수정하고 bottom으로 노가다로 맞추긴 했습니다만. absolute로 설정을 하게 되면 자꾸 해결이 안되어 질문드립니다.

[codingapple]

position:absolute 붙은 요소를 가운데정렬하려면 

left : 0;

right : 0;

도 추가해봅시다

[글쓴이]

글