reducing width of side links divs

diff --git a/css/app.css b/css/app.css
index fde9b8d..66ea56b 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7309,7 +7309,7 @@ article {
   background: #2c296d;
   padding-top: 20px;
   margin-bottom: 30px;
-  width: 386px; }
+  width: 360px; }
   @media only screen and (max-width: 1165px) {
     #side-links #menu-side {
       width: 95%; } }
@@ -7327,7 +7327,8 @@ article {
       #side-links #menu-side ul.sidebar li a:hover {
         color: #57b649; }
 #side-links img {
-  margin-bottom: 30px; }
+  margin-bottom: 30px;
+  width: 360px; }
   @media only screen and (max-width: 1165px) {
     #side-links img {
       width: 95%; } }

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index 1e589ec..863cae7 100644 (file)
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -110,7 +110,8 @@
         background: $purple;
         padding-top: 20px;
         margin-bottom: 30px;
-        width: 386px;
+//        width: 386px;
+        width: 360px;
         @media only screen and (max-width: 1165px) {
             width: 95%;
         }
@@ -137,6 +138,7 @@
     }
     img {
         margin-bottom: 30px;
+        width: 360px;
         @media only screen and (max-width: 1165px) {
             width: 95%;
         }