reformat of common styles

before fix

src/styles/common-styles.scss

@@ -1,54 +1,69 @@
 // Common/Global Styles
 // Use this file for global styles that don't or won't have their own stylesheet
-html, body {
+html,
+body {
     height: 100%;
 }
+
 body {
     font-size: 16px;
     background-color: #fff;
     color: #4d5151;
+
     .container-fluid {
         .prevent-squish {
             overflow-x: unset;
         }
+
         &.page-container-grouped-styles {
             overflow: hidden;
             display: flex;
             flex-direction: column;
         }
+
         // Set max-width on columns to prevent overly-wide
         // components on extra wide screens.
         .col-md-6 {
             max-width: 472px;
+
             @include media-breakpoint-up(xl) {
                 max-width: 708px;
             }
+
             .col {
                 max-width: 236px;
+
                 &.one-list-card-width {
                     max-width: 472px;
+
                     @include media-breakpoint-up(xl) {
                         max-width: 66.6666666%;
                     }
                 }
             }
+
             .shop-question {
                 .col {
                     max-width: 472px;
                 }
             }
         }
+
         .col-xl-4 {
             max-width: 472px;
+
             .col {
                 max-width: 100%;
             }
         }
+
         //END set max-width on columns
     }
+
     .pointer {
         cursor: pointer;
     }
+
     .container,
     .container-fluid {
         overflow-x: hidden;
@@ -72,6 +87,7 @@ body {
         overflow: hidden;
     }
 }
+
 .modal-open {
     .container-fluid {
         &.fade-on-route-transition {
@@ -79,4 +95,4 @@ body {
             height: auto;
         }
     }
-}
+}