diff --git a/src/components/Image.js b/src/components/Image.js index cb42402..6cf745a 100644 --- a/src/components/Image.js +++ b/src/components/Image.js @@ -6,10 +6,10 @@ import classNames from "classnames" export default function Image({ src, description, className, ...props }) { return ( - +
- {`[${description}]`} + {`[${description}]`} - +
) } diff --git a/src/components/Image.module.css b/src/components/Image.module.css index 4ca9ad1..419cc11 100644 --- a/src/components/Image.module.css +++ b/src/components/Image.module.css @@ -1,3 +1,12 @@ -.Image { +.ImageContainer { + width: 100%; + display: flex; + flex-direction: row; + align-content: center; + justify-content: center; + margin-top: 4px; +} + +.Img { max-width: 100%; } \ No newline at end of file