시계위키: 대문: 두 판 사이의 차이

← 이전 편집 다음 편집 →

@@ 1번째 줄: / 1번째 줄: @@
-<!-- 배경 영역 -->
 <div class="main-hero">
    <!-- 가운데 들어가는 카드 박스 -->
    <div class="main-card">
-  <!-- 여기부터 기존 대문 내용 -->
    <h1>시계위키에 오신 것을 환영합니다</h1>
    <p>
@@ 12번째 줄: / 11번째 줄: @@
 </div>
-/* 배경(히어로) 영역 */
 .main-hero {
    position: relative;
@@ 19번째 줄: / 17번째 줄: @@
 }
-/* 배경 이미지를 쓰고 싶다면(선택) — 이미지 경로만 바꾸면 됩니다 */
 .main-hero {
    background: url(/images/site/hero.jpg) center/cover no-repeat fixed;
 }
-/* 가운데 카드 박스(본문) */
 .main-card {
    max-width: 980px;              /* 카드 최대 가로 폭 */
@@ 35번째 줄: / 31번째 줄: @@
 }
-/* 다크 모드 대응(선택) */
 @media (prefers-color-scheme: dark) {
    .main-card {
@@ 44번째 줄: / 39번째 줄: @@
 }
-/* 반응형(선택) — 모바일은 여백만 살짝 줄이기 */
 @media (max-width: 720px) {
    .main-hero { padding: 28px 12px; }
    .main-card { padding: 20px; border-radius: 12px; }
 }