VibeAZ찾고, 직접 해보고, 경험을 나누는 바이브코딩 A to Z

직접 실행 · 자체 예제

휴대폰에서 옆으로 밀리는 화면 고치기

휴대폰 화면 가로 밀림을 고쳐, 관찰한 브라우저에서 스크롤 폭을 789px에서 390px로 줄였습니다.

VibeAZ 편집실 · 확인일 2026-11-09

휴대폰 화면 가로 밀림을 고쳐, 관찰한 브라우저에서 스크롤 폭을 789px에서 390px로 줄였습니다.

1. 가로로 넘치는 자체 연습 페이지를 390픽셀 화면으로 준비한다. 2. 요청문을 코딩 에이전트 채팅에 붙여 넣고 응답을 확인한다. 3. 결과를 열거나 기록을 확인하고 미확인 사항을 함께 살펴본다.

연습용 페이지가 휴대폰 크기에서 옆으로 밀려. 먼저 가로 390픽셀 화면에서 어디가 넘치는지 살펴보고, 제목과 주요 버튼을 유지하면서 화면 너비에 맞춰줘. 수정 전후에 가로 넘침이 있는지 같은 크기로 확인해줘. 실제로 확인하지 않은 기기에서는 성공했다고 말하지 말아줘. 나는 코딩을 처음 해. 어려운 말은 짧게 풀어 설명하고, 먼저 현재 상황을 확인한 뒤 요청한 범위만 진행해줘. 확인할 수 없는 내용은 추측하지 말고 알려줘. 내 실제 데이터나 비밀값을 사용하지 말고, 새 유료 서비스나 외부 API를 추가하지 마. 작업을 마치면 내가 직접 확인할 순서와 실행하지 못한 부분을 나누어 알려줘.

390×844 격리 브라우저에서 수정 전 문서 너비 390px, 스크롤 폭 789px를 관찰했다. 수정 후 같은 크기에서 문서 너비와 스크롤 폭이 모두 390px이고 제목·확인 버튼이 보였다. 다른 기기와 브라우저는 확인하지 않았다.

화면이 여전히 잘려. 넘치는 요소를 다시 찾아 고치고 같은 너비에서 재확인한 결과를 알려줘.

요청 조건을 읽고 제작·검사한 예제입니다. 문장만 넣은 독립적인 1회 생성 실험은 아닙니다. VibeAZ 자체 제작 · 확인한 예제 파일과 환경에서의 결과입니다. 모델 실행 ID는 기록이 없어 확인 안 됨. 별도의 모델 API 호출·다른 모델 비교는 수행하지 않음. 검증 범위는 제공된 자체 연습 파일과 관찰한 브라우저 환경에 한정. 다른 기기와 브라우저는 확인하지 않았다.

휴대폰에서 옆으로 밀리는 화면 고치기 프롬프트 초보자 따라하기