Optimizations

src/components/Experience.js

@@ -5,7 +5,7 @@ import "./experience.css";
 import ExperienceCard from "./experienceCard";
 import experienceData from "./experience.json"
 import InnovaccerLogo from "../media/innovaccerLogo.png";
-import Medsupervision from "../media/Medsupervision.png"
+import Medsupervision from "../media/logo.png"
 
 const logos = {Innovaccer:InnovaccerLogo,Medsupervision:Medsupervision}
 

src/components/experience.css

@@ -9,8 +9,11 @@
 
 .Company-Image {
     width: 65%;
-    border: 3px solid hotpink;
+    border: 3px solid #B5EAD7;
     border-radius: 10px;
+    margin-bottom: 10%;
+    margin-top: 10%;
+    padding: 20px;
 }
 
 .Company {
@@ -38,6 +41,8 @@ li {
     width: 90%;
     border: 2px solid white;
     border-radius: 15px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .JobTitle {

src/components/experienceCard.js

@@ -9,13 +9,13 @@ class ExperienceCard extends Component {
         <div className="experience-detail" style={{marginTop:"30px", marginBottom:"30px"}}>
             <Row>
                 <Col xs={12} md={5} className="Company1">
-                    <h3 className="Company">{this.props.company}</h3>
                     <img src={this.props.photo} className="Company-Image"/>
+                    {/* <h3 className="Company">{this.props.company}</h3> */}
+                    <h4>({this.props.term})</h4>
                 </Col>
                 <Col xs={12} md={7} >
                     <div className="experience-details">
                     <h3 className="JobTitle">{this.props.title}</h3>
-                    <h4>({this.props.term})</h4>
                     <hr/>
                     <div>
                         <ul>