Update padding using responsive functions of bulma

Author: Dhruvi16

webpack/sass/main.scss

@@ -229,14 +229,14 @@ code {
 
 // Single Post page
 .single-post {
-  @media only screen and (min-width: 768px) {
+  @include from($desktop) {
     .container {
       padding-left: 6rem;
       padding-right: 6rem;
     }
   }
 
-  @media only screen and (max-width: 768px) {
+  @include until($desktop) {
     .container {
       padding-left: 1.5rem;
       padding-right: 1.5rem;