render() {
    return (
      <div className="container-fluid">
        <div className="row text-center align-items-center">

          <div className="col-12 header">
            here's the weather in
          </div>

          <div className="col-12 location">
            {this.state.location}
          </div>

          <div className="col-12 col-md-4 push-md-8 icon">
            {/*<img src={this.state.iconURL} className="img-fluid"/>*/}
            <i className={this.state.iconClass}></i>
          </div>

          <div className="col-12 col-md-8 pull-md-4 weather">
            {this.state.weather}
          </div>

          <div className="col-12 temperature" onClick={this.handleClick}>
            {_.round(this.state.temp,2)}&#176;{this.state.tempUnit}
          </div>

      </div>
    </div>
    );
  }
// Finally, call the render function to get everything on screen.
Finally, call the render function to get everything on screen.
Finally call the render function to get everything on screen .
render() {
    return (
      <div className="container-fluid">
        <div className="row text-center align-items-center">
          <div className="col-12 header">
            here's the weather in
          </div>
          <div className="col-12 location">
            {this.state.location}
          </div>
          <div className="col-12 col-md-4 push-md-8 icon">
            {}
            <i className={this.state.iconClass}></i>
          </div>
          <div className="col-12 col-md-8 pull-md-4 weather">
            {this.state.weather}
          </div>
          <div className="col-12 temperature" onClick={this.handleClick}>
            {_.round(this.state.temp,2)}&#176;{this.state.tempUnit}
          </div>
      </div>
    </div>
    );
  }
render ( ) { return ( < div className = "container-fluid" > < div className = "row text-center align-items-center" > < div className = "col-12 header" > 
            here's the weather in
           < / div > < div className = "col-12 location" > { this . state . location } < / div > < div className = "col-12 col-md-4 push-md-8 icon" > { } < i className = { this . state . iconClass } > < / i > < / div > < div className = "col-12 col-md-8 pull-md-4 weather" > { this . state . weather } < / div > < div className = "col-12 temperature" onClick = { this . handleClick } > { _ . round ( this . state . temp , 2 ) } &#176; { this . state . tempUnit } < / div > < / div > < / div > ) ; }
Finally, call the render function to get everything on screen.
Finally call the render function to get everything on screen .
/*<img src={this.state.iconURL} className="img-fluid"/>*/