{"size": 694, "ext": "js", "max_stars_repo_path": "CSSStyling.js", "max_stars_repo_name": "saurabhpojhi/React-js", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "CSSStyling.js", "max_issues_repo_name": "saurabhpojhi/React-js", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "CSSStyling.js", "max_forks_repo_name": "saurabhpojhi/React-js", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.7857142857, "max_line_length": 52, "alphanum_fraction": 0.6181556196}
// CSS Styling & Importing CSS Files in React JS

 import React from "react";
import ReactDOM from "react-dom";

import './index.css';
const name = "saurabh";
const img1 = "https://picsum.photos/200/300";
const img2 = "https://picsum.photos/250/300";
const img3 = "https://picsum.photos/300/300";

const links ="https://www.indiabix.com/";

ReactDOM.render(
 <>
  <h1 className="heading" >  my name is {name}</h1>
  
  <div className="img_div"> 
  <img src={img1} alt ="randomimages" />
  <img src={img2} alt ="randomimages" />
  <a href={links} target="_blank">
     <img src={img3} alt ="randomimages" />
  </a>
  </div>
  </>,
  document.getElementById("root")
);
