삐뚤어진 버튼, 직접 맞춰보기

정렬 문제를 눈으로만 판단하지 않도록 입력 상자와 버튼의 상단·높이를 직접 측정하는 예제입니다. VibeAZ가 새로 작성했습니다.

브라우저만 있으면 실행할 수 있습니다. 외부 계정·네트워크·모델 호출이 없는 이 예제 범위에서 추가 요금이 없습니다.

데모에서 할 일을 입력하고 추가를 누르세요. 상자 높이 맞추기를 누른 뒤 글자 크기를 바꾸고, 초기화로 수정 전 상태를 다시 확인하세요.

800px·390px 폭에서 상단 차이 10px→0px, 높이 차이 −18px→0px를 측정했습니다. 입력·버튼·글자 크기·초기화와 가로 넘침을 검사했습니다.

원문 과제를 참고한 별도 fixture입니다. Claude Code·원문 앱·시각 회귀·다른 브라우저의 성공을 입증하지 않습니다.