From 706a0f3ccde69dbdf2e465e5b232cb6f92fddf39 Mon Sep 17 00:00:00 2001
From: Kabir <44284877+kabir0x23@users.noreply.github.com>
Date: Sat, 30 Jul 2022 21:28:17 +0530
Subject: [PATCH] feat: write-up

---
 src/components/Resources/WriteUps/WriteUps.jsx         | 7 +++++--
 src/components/Resources/WriteUps/WriteUpsElements.jsx | 7 ++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Resources/WriteUps/WriteUps.jsx b/src/components/Resources/WriteUps/WriteUps.jsx
index b581e9cf..a791361c 100644
--- 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
index 311cdd50..00f0f04e 100644
--- 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;
 
 `