Merge pull request #110 from thecoding-society/About_back

Section margin issue for mob fixed

css/style1.css

@@ -104,6 +104,9 @@ h2 {
 	-moz-user-drag: none;
 	-o-user-drag: none;
 }
+.container-space{
+	margin: 2em;
+}
 
 /*--------------------------------------------------------------
 # UNIVERSAL ROOT COLORS
@@ -613,7 +616,9 @@ header.scrolled {
 	background-position: center;
 	background-repeat: no-repeat;
 }
-
+.glimpses_container{
+	margin-bottom: 50px;
+}
 .glimpses_of_events {
 	display: flex;
 	justify-content: center;
@@ -1387,6 +1392,8 @@ Base
 		grid-template-columns: repeat(3, 1fr);
 		grid-column-gap: 1rem;
 		height: 540px;
+		margin-top: 40px;
+		margin-bottom: 40px;
 	}
 
 	.remove {

css/style2.css

@@ -507,7 +507,7 @@ pre,
 .container {
 	position: relative;
 	z-index: 1;
-	padding: 2em;
+	padding: 2em 0em;
 }
 .grid {
 	display: grid;

index.html

@@ -255,7 +255,7 @@ <h2 class="heading-small-p">
 				</div> -->
 		</div>
 
-		<br /><br />
+		<br>
 	</section>
 	<!-- End of About Section -->
 
@@ -480,7 +480,7 @@ <h2 class="heading-small not-selectable">GLIMPSE</h2>
 	<!-- End of Glimpse of PEC Hacks Section -->
 
 	<!-- Start of Domains Section -->
-	<section id="domains" class="twinkle_back">
+	<section id="domains" class="twinkle_back container">
 		<section class="back_domains">
 			<div class="background-container">
 				<div class="stars"></div>
@@ -587,7 +587,7 @@ <h4>High School Track</h4>
 			<div class="stars"></div>
 			<div class="twinkling"></div>
 		</div> -->
-	<section id="hackathon-timeline" class="twinkle_back">
+	<section id="hackathon-timeline" class="twinkle_back container">
 		<div class="background-container">
 			<div class="stars"></div>
 			<div class="twinkling"></div>

js/app.js

@@ -130,125 +130,4 @@ particlesJS('particles-home',
     }
   }
 
-);
-
-particlesJS('particles-domains',
-
-  {
-    "particles": {
-      "number": {
-        "value": 40,
-        "density": {
-          "enable": true,
-          "value_area": 800
-        }
-      },
-      "color": {
-        "value": "#ffffff"
-      },
-      "shape": {
-        "type": "circle",
-        "stroke": {
-          "width": 0,
-          "color": "#000000"
-        },
-        "polygon": {
-          "nb_sides": 5
-        },
-        "image": {
-          "src": "img/github.svg",
-          "width": 100,
-          "height": 100
-        }
-      },
-      "opacity": {
-        "value": 0.5,
-        "random": false,
-        "anim": {
-          "enable": false,
-          "speed": 1,
-          "opacity_min": 0.1,
-          "sync": false
-        }
-      },
-      "size": {
-        "value": 20,
-        "random": true,
-        "anim": {
-          "enable": false,
-          "speed": 40,
-          "size_min": 0.1,
-          "sync": false
-        }
-      },
-      "line_linked": {
-        "enable": false,
-        "distance": 150,
-        "color": "#ffffff",
-        "opacity": 0.4,
-        "width": 1
-      },
-      "move": {
-        "enable": true,
-        "speed": 4,
-        "direction": "top",
-        "random": false,
-        "straight": false,
-        "out_mode": "out",
-        "attract": {
-          "enable": false,
-          "rotateX": 600,
-          "rotateY": 1200
-        }
-      }
-    },
-    "interactivity": {
-      "detect_on": "canvas",
-      "events": {
-        "onhover": {
-          "enable": false,
-          "mode": "bubble"
-        },
-        "onclick": {
-          "enable": true,
-          "mode": "push"
-        },
-        "resize": true
-      },
-      "modes": {
-        "grab": {
-          "distance": 400,
-          "line_linked": {
-            "opacity": 1
-          }
-        },
-        "bubble": {
-          "distance": 400,
-          "size": 40,
-          "duration": 2,
-          "opacity": 8,
-          "speed": 3
-        },
-        "repulse": {
-          "distance": 200
-        },
-        "push": {
-          "particles_nb": 4
-        },
-        "remove": {
-          "particles_nb": 2
-        }
-      }
-    },
-    "retina_detect": true,
-    "config_demo": {
-      "hide_card": false,
-      "background_color": "#b61924",
-      "background_image": "",
-      "background_position": "50% 50%",
-      "background_repeat": "no-repeat",
-      "background_size": "cover"
-    }
-  }
-
 );