{"size": 508, "ext": "js", "max_stars_repo_path": "client/src/pages/About/About.js", "max_stars_repo_name": "sareronald/tic-tac-toe", "max_stars_repo_stars_event_min_datetime": "2021-03-11T08:14:03.000Z", "max_stars_repo_stars_event_max_datetime": "2021-03-11T08:14:03.000Z", "max_issues_repo_path": "client/src/pages/About/About.js", "max_issues_repo_name": "sareronald/tic-tac-toe", "max_issues_repo_issues_event_min_datetime": "2021-01-25T10:23:41.000Z", "max_issues_repo_issues_event_max_datetime": "2021-01-25T10:31:19.000Z", "max_forks_repo_path": "client/src/pages/About/About.js", "max_forks_repo_name": "sareronald/tic-tac-toe", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 24.1904761905, "max_line_length": 76, "alphanum_fraction": 0.5669291339}
import React from "react";
import AboutTictactoe from "../../components/AboutTictactoe/AboutTictactoe";

function About() {
  return (
    <div className="pl-0 container-fluid">
      <div className="row" style={{ padding: "40px" }}>
        <div className="col-md-5">
          <h1>All you need to know about</h1>
          <h1> TIC-TAC-TOE</h1>
        </div>
        <div className="col-md-7 mt-5 mx-auto">
          <AboutTictactoe />
        </div>
      </div>
    </div>
  );
}

export default About;
