text: import React from 'react';
  
  class ImageCard extends React.Component{
      constructor(props) {
          super(props);
  
          this.state = { spans: 0 };
  
          this.imageRef = React.createRef();
      }
  
      componentDidMount() {
          this.imageRef.current.addEventListener('load', this.setSpans);
      }
  
      setSpans = () => {
          const height = this.imageRef.current.clientHeight;
  
          const spans = Math.ceil(height / 10);
          this.setState({ spans: spans });
      }
  
      render() {
          const { description, urls } = this.props.image;
          return (
              <div style={{gridRowEnd: `span ${this.state.spans}`}}>
                  <img
                      ref={this.imageRef}
                      alt={description}
                      src={urls.regular}
                  />
              </div>
          );
      }
  }
  
  export default ImageCard;