Merge pull request #125 from vanoop729/master

This fix's horizontal scroll on open-source page as per issue #124

Author: saiteja13427

src/containers/opensourceCharts/OpensourceCharts.css

@@ -19,6 +19,12 @@
     display: table-cell;
 } */
 
+/* To remove horizontal scroll */
+.main-div {
+  width: 90%;
+  margin: 0 auto;
+}
+
 @media (max-width: 1380px) {
   .os-charts-header {
     font-size: 35px;

src/containers/opensourceCharts/OpensourceCharts.js

@@ -8,7 +8,7 @@ class OpensourceCharts extends Component {
   render() {
     const theme = this.props.theme;
     return (
-      <div>
+      <div className="main-div">
         <div className="os-charts-header-div">
           <Fade bottom duration={2000} distance="20px">
             <h1 className="os-charts-header" style={{ color: theme.text }}>

src/index.css

@@ -47,6 +47,7 @@ code {
 html,
 body {
   scroll-behavior: smooth;
+  overflow-x: hidden;
 }
 body {
   margin: 0;