diff --git a/app/globals.scss b/app/globals.scss index 68d4a8ce90228477591a67abc88caca2757dbcdb..0f451b1c1b1e1b4f0434bd6a07435bacd98674b1 100644 --- a/app/globals.scss +++ b/app/globals.scss @@ -383,7 +383,7 @@ a { } } p { - font-size: 1.5rem; + font-size: 2vw; @media only screen and (max-width: 768px) { margin-top: 1rem; font-size: 15px; diff --git a/components/ImageText.js b/components/ImageText.js index 508ecb308817d4e2c578b2cb227d3f5cd4dd89c7..40ef56f4c95d4e0695d9cd9073cb450aec4e5d7f 100644 --- a/components/ImageText.js +++ b/components/ImageText.js @@ -12,6 +12,17 @@ const Img = styled.img` height: auto; } `; + +const Text = styled.div` + p { + font-size: 2vw; + @media only screen and (max-width: 768px) { + margin-top: 1rem; + font-size: 15px; + } + } +`; + const ImageText = ({ header, text, side, alt, image, pad, gif, component }) => { return ( <div @@ -32,10 +43,10 @@ const ImageText = ({ header, text, side, alt, image, pad, gif, component }) => { triggerOnce={true} duration={1500} > - <div className="landing-text"> + <Text> {header ? header() : ""} {text()} - </div> + </Text> </Slide> <Slide diff --git a/components/Link.js b/components/Link.js index 8cca36b80b67464e9568a0c060c9d0fd4daa9403..e8d05fa2f872cccd6abe9c5dcd16ca58f63dff91 100644 --- a/components/Link.js +++ b/components/Link.js @@ -1,14 +1,17 @@ export default function Links({ header, content, contentTitles }) { return ( - <details> - <summary> - <h4>{header}</h4> - </summary> - {content.map((l, i) => ( - <p> - <a href={l}>{contentTitles[i]}</a> - </p> - ))} - </details> + <> + <details> + <summary> + <h4>{header}</h4> + </summary> + {content.map((l, i) => ( + <p> + <a href={l}>{contentTitles[i]}</a> + </p> + ))} + </details> + <br /> + </> ); }