From a1600601d7b7631c3ec35e67892a097c3a5f10ef Mon Sep 17 00:00:00 2001
From: Shruti3004 <mail2shruti.ag@gmail.com>
Date: Tue, 11 Aug 2020 12:02:41 +0530
Subject: [PATCH] updated the layout of resume

---
 src/components/DisplayCard.js | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/DisplayCard.js b/src/components/DisplayCard.js
index dd60419..73b10f2 100644
--- a/src/components/DisplayCard.js
+++ b/src/components/DisplayCard.js
@@ -74,22 +74,32 @@ const DisplayCard = ({ data, repositories }) => {
                     <div> </div>
                   )}
 
-                  <div className="contact-box pb0">
+                  <div className="contact-box pb-3 d-flex justify-content-center ltitle">
                     <div className="icon">
                       <FontAwesomeIcon icon={faGlobe}></FontAwesomeIcon>
                     </div>
                     <div className="detail">{data.location}</div>
                   </div>
 
-                  <h4 className="ltitle">Twitter</h4>
-                  <ul className="row social-link no-margin">
-                    <li> @{data.twitter_username}</li>
-                  </ul>
-                  <h4 className="ltitle">Organisations</h4>
-
-                  <div className="refer-cov">
-                    <b>{data.company}</b>
-                  </div>
+                  {
+                    data.twitter_username === null ? '' : 
+                    <div>
+                      <ul className="refer-cov">
+                        <li className="text-center"> @{data.twitter_username}</li>
+                      </ul>
+                      <h4 className="ltitle">Twitter</h4>
+                    </div>
+                  }
+                  
+                  {
+                    data.company === null ? '' : 
+                    <div>
+                      <div className="refer-cov">
+                        <b>{data.company}</b>
+                      </div>
+                      <h4 className="ltitle">Organisations</h4>
+                    </div>
+                  }                                                  
 
                   <h4 className="ltitle">
                     Followers: <i className="fas fa-pencil-alt"></i>
@@ -124,7 +134,7 @@ const DisplayCard = ({ data, repositories }) => {
                     <i className="far fa-user"></i>About
                   </h2>
                   <div className="about">
-                    <p>{data.bio}</p>
+                    <p className="text-center">{data.bio}</p>
                   </div>
                   <h2 className="rit-titl">
                     <i className="far fa-user"></i>Public Repositories:{" "}