TIL (240128)

Jtiiin:K·2024년 1월 29일
0

내일배움캠프

목록 보기
78/85
post-thumbnail

오늘 한 일

좋아요 공유하기 위치 틀어짐 잡기

문제

좋아요 공유하기 컴포넌트가
반응형일 때도 문제없이 위치를 착착 잘 찾아가고 있었는데
갑자기 사이즈를 줄일 때마다 자리를 못잡고 요동치기 시작...

이유는
처음 좋아요 컴포넌트는 사용자 정보 아래쪽에 끼어들어가있었는데
리뷰페이지에 반응형작업이 들어가면서
위쪽 CSS가 달라졌고 그에 따라 relative의 위치도 계속 바뀌었다

그래서 화면이 줄어들 때마다 좋아요 컴포넌트가 요동쳤던 것..^^

relative를 갖고 있는 div가 움직이지 않도록
적당한 위치를 잡는 데 생각보다 오랜 시간이 걸렸다


컴포넌트 위치를 옮기 생각을 못하고 CSS만 계속 수정하다가
에라 모르겠다 하고 일정 시간 쉬고 와서
'여기다 하면 될 것 같은데..!' 하고 바꿔보니 바로 성공!!
이래서 어느정도 휴식도 필요한 건가 보다^^

어쨌거나 그 위치는 바로 제목 위(최상단)였고
제목 위는 위치가 변할 일이 없기 때문에
거기다 놓고 다시 위치를 잡아가니 원래대로 예쁘게 돌아왔음🤗


profile
호기심 많은 귀차니즘의 공부 일기

0개의 댓글