Update style & content

src/components/sections/About.vue

@@ -27,9 +27,13 @@
 </template>
 
 <style lang="scss">
-div.about {
-  padding: 20px 0;
+.about {
   background-color: var(--gray-color) !important;
+
+  .container {
+    padding-top: 45px;
+    padding-bottom: 45px;
+  }
   h2.name {
     font-size: 2.1em;
     margin-bottom: 5px;

src/components/sections/Experiences.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="experiences">
+  <div class="experiences">
     <div class="container">
       <h2>Moje doświadczenie</h2>
       <p>I have more than 10 years' experience building software for clients all over the world. Below is a quick overview of my main technical skill sets and technologies I use. Want to find out more about my experience? Check out my online resume and project portfolio.</p>
@@ -14,7 +14,10 @@ export default {
 </script>
 
 <style lang="scss">
-  div#experiences {
-    padding: 20px 0;
+.experiences {
+  .container {
+    padding-top: 45px;
+    padding-bottom: 45px;
   }
+}
 </style>