diff --git a/src/styles/generation-flow.css b/src/styles/generation-flow.css index cb5956a..ae327c1 100644 --- a/src/styles/generation-flow.css +++ b/src/styles/generation-flow.css @@ -2582,33 +2582,21 @@ } .url-input-logo { - margin-bottom: 1rem; + /* 로고 → 탭은 "묶음 사이" 간격 (generation-flow.css 상단 간격 체계 참조) */ + margin-bottom: 20px; } +/* 로고는 **아래 폼 열보다 넓어질 수 없다.** + 이전에는 화면이 커질수록 350 → 400 → 500 → 554px 로 키웠는데, 정작 폼 열은 + 375px 로 고정이라 데스크톱에서 로고만 좌우로 90px 씩 삐져나왔다. + min() 으로 열 폭과 상한을 동시에 걸면 어느 폭에서도 넘지 않는다 — + 브레이크포인트를 늘려도 다시 어긋날 일이 없다. */ .url-input-logo img { - width: 350px; - max-width: 100%; + display: block; + width: min(100%, 280px); height: auto; } -@media (min-width: 640px) { - .url-input-logo img { - width: 400px; - } -} - -@media (min-width: 768px) { - .url-input-logo img { - width: 500px; - } -} - -@media (min-width: 1024px) { - .url-input-logo img { - width: 554px; - } -} - .url-input-title { font-family: 'Pretendard', sans-serif; font-size: 40px;