Center the Loading.gif on the Projects Page

[thestrugglingblack]

This under .loading class in the projects.js and custom.css files. The loading gif is only activated when the response takes awhile to return. Make this change in project/language.js to force the loading.gif

import React from 'react';
import getResponse from '../../actions/utils'

const Language = (props) => {

  //variable videoItems which pulls from component VideoListItem
  const displayLanguage = "Language"

  // props.videos.map((video) => {
  //   return (
  //     <VideoListItem
  //     onVideoSelect={props.onVideoSelect}
  //     key={video.etag}
  //     video={video} />
  //   );
  // });

  return (
    <ul className="col-md-4 list-group" key={project.id}>
      {displayLanguage}
    </ul>
  );
};

export default Language;

Acceptance Criteria:

• The loading.gif is at the center of page.