58모바일

혼자 만든 프로젝트의 제일 흔한 참사: 컴퓨터에선 예쁜데 폰에선 무너져 있어.

원인은 너도 AI도 큰 화면을 보고 있어서야. 작은 화면으로 확인하기 전까진 몰라.

보통 망가지는 것들: 글씨가 너무 작아져. 표가 화면 밖으로 삐져나가서 가로 스크롤이 생겨. 뭔가 잘못됐다는 확실한 신호야. 버튼이 손가락으로 누르기 힘들 만큼 작아져. 메뉴가 내용을 덮어.

폰 열 대 없이 확인하는 법: 브라우저엔 페이지를 폰 크기로 보여주는 모드가 있어(Chrome에선 F12 키 뒤에 숨어 있어). AI한테 켜는 법을 알려달라고 해.

박아둘 만한 규칙: 모바일은 만들면서 바로바로 확인해. 끝에 몰아서 하지 말고. 다 만든 레이아웃을 작은 화면에 뜯어 맞추는 건 고문이고, 하면서 확인하는 건 쉬워.

그리고 흔한 골칫거리 하나: 화면 밖으로 튀어나온 장식 때문에 생기는 가로 스크롤. 페이지가 옆으로 밀린다면 뭔가 삐져나온 거야. 범인을 찾아.