[#48] feat: create paragraph component

components/paragraph/paragraph.component.tsx

@@ -0,0 +1,17 @@
+import React, { ReactNode, ReactElement } from 'react'
+import styles from './paragraph.module.scss'
+
+interface Props {
+  children: ReactNode
+}
+
+export default function Paragraph ({
+  children
+}: Props
+): ReactElement {
+  return (
+    <div className={styles.container}>
+      <p>{children}</p>
+    </div>
+  )
+}

components/paragraph/paragraph.module.scss

@@ -0,0 +1,20 @@
+@use "../../global/variables.scss" as variables;
+
+.container {
+    // max-height: 60%;
+    max-width: 30rem;
+    margin: 2rem 0;
+
+    @media only screen and (max-width: variables.$max-width-mobile) {
+        margin: 1rem 0;
+    }
+
+    p {
+        color: variables.$secondary-color;
+        text-align: justify;
+        font-family: "SuisseInt-Regular", sans-serif;
+        font-size: 1.2rem;
+        font-weight: normal;
+        line-height: 2rem;
+    }
+}

components/section/section.component.tsx

@@ -36,7 +36,7 @@ export default function Section ({
           banner !== undefined && styles.container__banner,
           relative !== undefined && styles.relative
         )}
-      style={ style }
+      style={style}
       id={id}
     >
       {children}