adjustments for css and all

src/components/home/home.scss

@@ -3,7 +3,7 @@
 .nav {
   @extend %flex;
   flex-direction: row;
-  margin-top: 10px;
+  margin: 10px;
 
   ul {
     @extend %flex;
@@ -23,7 +23,7 @@
   }
 
   .active {
-    padding: 7px 10px;
+    padding: 7px 20px;
     background-color: $primary-color;
     border-radius: 100px;
     color: white;

src/components/rameelo/landing/landing.js

@@ -6,7 +6,7 @@ import './landing.scss';
 export default class Landing extends React.Component {
   render() {
     return (
-      <div className="wrapper">
+      <div className="rameelo-wrapper">
         <div className="top-section">
           <div className="container-fluid">
             <div className="row">

src/components/rameelo/landing/landing.scss

@@ -1,7 +1,8 @@
 @import '../../../styles/index';
 
-.wrapper {
+.rameelo-wrapper {
   max-width: 1920px !important;
+  margin: 0 auto;
 }
 
 .top-section {