2023.03.06.(월)
TIL Today I Learned
해당 깃허브
Good: 반응형만 남아서 빨리 하고 싶다.
Bad: 그런데 마음처럼 쉽지가 않다. 반응형이 또 다른 리액트 느낌으로 속도가 나지 않는다.
문제점: 여기는 마이페이지이다. 프로필 style css를 하는데 '>' 열리는 모양 위치가 애매하게 위로 올라가 있다. 이것을 수평적으로 맞추고 싶다. 도대체 나는 왜 안 되는 걸까? 팀원에게 도움을 청했다.
해결점: display: flex;
에서 inline-flex;
으로 바꿨다.
//profile.tsx 수정 전
const ChangeOpenModal = styled.img`
background-color: transparent;
padding-left: 7px;
width: 15px;
height: 14px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
`;
//profile.tsx 수정 후
const ChangeOpenModal = styled.img`
background-color: transparent;
padding-left: 7px;
width: 15px;
height: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
`;
✔ 월: 최종 프로젝트
□ 화: 최종 프로젝트
□ 수: (비공식) 최종 프로젝트
□ 목: (비공식) 최종 프로젝트
□ 금: (비공식) 최종 프로젝트
✔ 반응형 마이페이지 프로필 부분 하기
□ 회원가입 모달 창 반응형하기