바이브코딩 4편|AI로 만든 홈페이지 디자인 수정하는 방법

바이브코딩 4편|AI로 만든 홈페이지 디자인 수정하기, 초보자 실전 가이드 AI에게 홈페이지를 만들어 달라고 요청했더니 불과 몇 분 만에 제법 그럴듯한 웹사이트가 완성되었습니다. 그런데 자세히 살펴보니 아쉬운 부분이 보입니다. 첫 화면의 글씨가 너무 작고, 제품 이미지도 마음에 들지 않습니다. 메뉴가 답답해…

바이브코딩 4편|AI로 만든 홈페이지 디자인 수정하기, 초보자 실전 가이드 AI에게 홈페이지를 만들어 달라고 요청했더니 불과 몇 분 만에 제법 그럴듯한 웹사이트가 완성되었습니다. 그런데 자세히 살펴보니 아쉬운 부분이 보입니다. 첫 화면의 글씨가 너무 작고, 제품 이미지도 마음에 들지 않습니다. 메뉴가 답답해…

.blogwide-vibe-coding { max-width: 900px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif; line-height: 1.85; color: #222; } .blogwide-vibe-coding h1 { font-size: 34px; line-height: 1.35; margin-bottom: 22px; } .blogwide-vibe-coding h2 { margin-top: 48px; padding: 13px 18px; background: #f2f6ff;…

.blogwide-vibe-coding { max-width: 900px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif; line-height: 1.8; color: #222; } .blogwide-vibe-coding h1 { font-size: 34px; line-height: 1.35; margin-bottom: 20px; } .blogwide-vibe-coding h2 { margin-top: 48px; padding: 13px 18px; background: #f2f6ff;…