diff --git a/src/features/guides/routes/Guide.css b/src/features/guides/routes/Guide.css index e9905fd..67d80ab 100644 --- a/src/features/guides/routes/Guide.css +++ b/src/features/guides/routes/Guide.css @@ -1,3 +1,11 @@ +main:has(.guide) { + padding-left: 2rem; +} + +.guide { + max-width: 600px; +} + @media print { .guide { } diff --git a/src/features/guides/routes/Guide.tsx b/src/features/guides/routes/Guide.tsx index 5607dd2..ccd35b1 100644 --- a/src/features/guides/routes/Guide.tsx +++ b/src/features/guides/routes/Guide.tsx @@ -1,7 +1,7 @@ -import { useParams } from "react-router"; +import "./Guide.css"; +import { useParams, Link } from "react-router"; import { useGuides } from "../../../lib/contexts/guide.context"; import useGuide from "../hooks/useGuide"; -import { Link } from "react-router"; export default function Guide() { const { id } = useParams(); @@ -16,15 +16,17 @@ export default function Guide() {
{guide.description}
-