text: import React, { Component } from 'react'
  
  import './style.scss'
  
  class ExperienceUnit extends Component {
    render() {
      return (
        <div className="experience-unit col-xs-12 col-sm-6 col-md-4">
          <a href={this.props.link} target="_blank">
            <div
              className="image"
              style={{
                backgroundImage: `url(${this.props.logo})`,
                backgroundColor: this.props.colour,
                backgroundSize: this.props.backgroundSize 
              }}>
            </div>
          </a>
          <div className="title bold">
            {this.props.title}
          </div>
          <div className="time-period">
            {this.props.timeperiod}
          </div>
          <div className="subtitle">
            {this.props.subtitle}
          </div>
        </div>
      )
    }
  
    addWidthAndHeight(){
  
    }
  }
  
  export default ExperienceUnit
  