목록2024/08/12 (1)
juni
WelKo_정렬 및 패딩 개선
라인 높이 (line-height) 또는 패딩 문제: text-[18px]와 text-[12px]은 서로 다른 폰트 크기를 가지고 있습니다. 이로 인해 기본 라인 높이가 달라질 수 있습니다. line-height가 자동으로 설정되어 있을 경우, 텍스트가 가운데 정렬될 수 있습니다.플렉스 정렬 문제: flex를 사용하여 items-start 클래스를 적용했지만, profile.name과 profile.region의 폰트 크기 차이 때문에 텍스트가 시각적으로 동일한 줄에 정렬되지 않을 수 있습니다. 이미지 옆에 닉네임과 주소 높이가 일치하지 않는 문제 발생 {profile.name} {profile.region ? ( ..
프로젝트/WelKo
2024. 8. 12. 23:22