다른 팀원이 작성 한 파트와 저의 파트를 합치는 작업을 하였습니다.
원하는 부분에 스크롤을 시키려하니 이미지 더보기 등으로 인해 위치 좌표가 바뀌는 바람에 직접 그 영역의 id값으로 이동하게 수정하였습니다.
var location = document.querySelector('#certi').offsetTop;
$('html,body').animate({scrollTop:location},800);
참고사이트 : https://enai.tistory.com/33
display의 속성을 이용해 위치조정을 하였습니다.
block과 inline-block을 사용하여 텍스트를 여러 줄로 만들거나 한 줄에 모두 나오게 하였습니다.
.map-text-sub2 p{
display: inline-block;
}
768px의 경우
.map-text-sub2 p{
display: block;
}
x
x
생각보다 쉽다면 쉽지만 어려울 수 있는 것이 협업인 것 같습니다. 혼자 작성한 것을 남이 이해하기 쉽게 쓰는 것이 이래서 필요하다는 것을 절실히 깨닫게 되는 작업이었습니다.