[본캠프 9주차] 수요일 TIL
12/18 일일 목표📝
디자인 카타
웹플로우 개인과제
📖 오늘 배운 내용
웹플로우에 옮기는 작업을 시작했다. 피그마에서 웹플로우로 옮기는 플러그인이 있어서 사용하여 색상이랑 폰트를 옮겼다! (하나하나 등록할뻔)
section에서 container에 div까지 차근차근 넣어서 레이아웃은 잘 잡았는데,, 데스크탑에서는 잘되었는데 모바일에서 반응형이 문제가생겼다.ㅠ 자꾸 위로 올라가는데 위치바꾸면 계속 데스크탑도 바뀌어서 어떻게 해야하는지 곤란했는데 지호님이 알려주셨다 (무한감사)
둘이 묶인 div 에서 flex single column을 해주면 위로 반대쪽으로 정렬이 가능했다. 그냥 수직, 수평 말고도 저렇게 많은 기능들이 있는지 오늘 알게되었다. 코딩의 세계는 정말 ... 무궁무진하군아..
근데 당근마켓 원래 푸터 너무 이상해... 바꿔줬으면 좋겠다... 왜 저렇게 한칸씩 글씨가 밀려있는걸까? 수정 금방할 것 같은데 ....... 그래서 새로 피그마에서 정리하면서 바꾸어주었다. 훨씬 깔끔한 것 같아서 만족.,,,, 당근말고 내가 만든 랜딩페이지로 했으면 진짜 오래걸릴뻔했다.. 저거 수정해서 웹플로우에 옮기는데 만 엄청 오래걸렸는데 😓
모바일에서는 수직으로 바꾸어서 다시 지정해주었다.
태블릿에서는 괜찮은거 같아서 안바꿨는데 당근이랑 어바웃당근 쟤네 왜저럴까? ... 조금 더 손봐야할거같다 웹플로우 너무 어렵다..그리고 자꾸 상단바 fixed 눌렀는데 자꾸 뒤로 사라져서 어떻게 하는지 물어보았다
저 position에 z-index를 100으로 설정해주니 해결,, 이게 앞으로 올려주는 그런 역할이라서 앞으로 나오게 된듯.. 웹 플로우 너무 어렵다......😅 제일 쉬운 당근으로 했는데도 이렇게 버벅거리는데..!! ㅠ
내일도 화이팅