diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx index 4afb00d95..16efa6fc7 100644 --- a/src/app/(main)/page.tsx +++ b/src/app/(main)/page.tsx @@ -47,7 +47,9 @@ const Home = async () => { return ( ); diff --git a/src/blog/components/informationMessage/InformationMessage.tsx b/src/blog/components/informationMessage/InformationMessage.tsx index 2e107e8df..1ba62f69a 100644 --- a/src/blog/components/informationMessage/InformationMessage.tsx +++ b/src/blog/components/informationMessage/InformationMessage.tsx @@ -43,13 +43,14 @@ const InformationMessage = ({ {title} - - {body.split('\n').map((line, index) => ( - - {line} - - - ))} + + {body.split("\n").map((line, index) => ( + + {line} + + + ))} + {button && ( diff --git a/src/blog/components/informationMessage/informationMessage.module.css b/src/blog/components/informationMessage/informationMessage.module.css index fe8ed2249..7f3d7d632 100644 --- a/src/blog/components/informationMessage/informationMessage.module.css +++ b/src/blog/components/informationMessage/informationMessage.module.css @@ -1,32 +1,31 @@ .wrapper { - display: flex; - padding: 5rem 2rem; - align-items: center; - align-self: stretch; - @media (min-width: 640px) { - padding: 5rem 3rem; - justify-content: center; - } - - @media (min-width: 1024px) { - padding: 7.5rem; - } + display: flex; + padding: 5rem 2rem; + align-items: center; + align-self: stretch; + @media (min-width: 640px) { + padding: 5rem 3rem; + justify-content: center; } - - .info { - max-width: 88rem; - display: flex; - padding: 3rem; - flex-direction: column; - align-items: flex-start; - gap: 1.5rem; - align-self: stretch; - border-radius: 1rem; + + @media (min-width: 1024px) { + padding: 7.5rem; } - - .buttonWrapper { - display: flex; - align-items: flex-start; - gap: 1.5rem; - } - \ No newline at end of file +} + +.info { + max-width: 88rem; + display: flex; + padding: 3rem; + flex-direction: column; + align-items: flex-start; + gap: 1.5rem; + align-self: stretch; + border-radius: 1rem; +} + +.buttonWrapper { + display: flex; + align-items: flex-start; + gap: 1.5rem; +}