feat: write-up

th3cyb3rhub · Jul 30, 2022 · 1ba9f37 · 1ba9f37
2 parents 9c6b888 + 706a0f3
commit 1ba9f37
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/Resources/WriteUps/WriteUps.jsx b/src/components/Resources/WriteUps/WriteUps.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Section, AuthorImage, AuthorUsername, Date,Content, Heading, Paragraph, Image, Tag, MinRead, Bookmark} from './WriteUpsElements';
+import {Section, AuthorImage, AuthorUsername, Date,Content, Heading, Paragraph, ImageSection,Image, Tag, MinRead, Bookmark} from './WriteUpsElements';
 
 import {BsBookmarkPlus, BsBookmarkCheck, BsBookmarkDash} from 'react-icons/bs';
 
@@ -23,7 +23,10 @@ const WriteUps = () => {
             <Paragraph>
             </Paragraph>
             </Content>
-            <Image src="https://miro.medium.com/fit/c/224/224/1*cRu3ETnHdt6n-z96oedxPQ.png" alt="Bootcamp" />
+            <ImageSection>
+                <Image src="https://miro.medium.com/fit/c/224/224/1*cRu3ETnHdt6n-z96oedxPQ.png" alt="Bootcamp" />
+            </ImageSection>
+
             <Tag>
                 Bug Bounty
             </Tag>

diff --git a/src/components/Resources/WriteUps/WriteUpsElements.jsx b/src/components/Resources/WriteUps/WriteUpsElements.jsx
@@ -34,9 +34,14 @@ export const Paragraph = styled.p`
   display: inline-block;
 `
 
-export const Image = styled.div`
+export const ImageSection = styled.div`
+  display: inline-block;
+  align-self: center;
   width: 30%;
+  `
+export const Image = styled.img`
   display: inline-block;
+  align-self: center;
 
 `