diff --git a/crescendo-web/src/pages/Guide.css b/crescendo-web/src/pages/Guide.css index 1260d31..ec110a4 100644 --- a/crescendo-web/src/pages/Guide.css +++ b/crescendo-web/src/pages/Guide.css @@ -23,29 +23,4 @@ .whatDo input[type="button"] { width: 100%; - padding: 20 px; - font-size: 16px; - background-color: #f0f0f0; - border: 1px solid #ccc; - border-radius: 8px; - cursor: pointer; - transition: background-color 0.3s ease, transform 0.2s ease; - box-sizing: border-box; -} - -.whatDo input[type="button"]:hover { - background-color: #e0e0e0; - transform: translateY(-2px); -} - -.whatDo input[type="button"]:active { - background-color: #d0d0d0; - transform: translateY(0); -} - -@media (max-width: 600px) { - .whatDo { - grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */ - grid-template-rows: repeat(3, 1fr); /* 3 rows */ - } } diff --git a/crescendo-web/src/pages/Guide.js b/crescendo-web/src/pages/Guide.js index 8da925c..04b6eef 100644 --- a/crescendo-web/src/pages/Guide.js +++ b/crescendo-web/src/pages/Guide.js @@ -2,6 +2,7 @@ import React from "react"; import "./Guide.css"; import { useNavigate } from "react-router-dom"; +// 토글 버튼을 렌더링하는 컴포넌트 function Toggles() { const navigate = useNavigate(); @@ -23,6 +24,7 @@ function Toggles() { ); } +// 가이드를 렌더링하는 컴포넌트 function Guide() { return (
장례 전과 진행 중, 꼭 필요한 정보만을 모았어요.