fix gaps between project tiles

Signed-off-by: serg <contact@sergfurtak.com>

3 files changed, 8 insertions, 9 deletions

diff --git a/assets/scss/app.scss b/assets/scss/app.scss
index b92b4f3..a0535c0 100644
--- a/assets/scss/app.scss
+++ b/assets/scss/app.scss
@@ -260,23 +260,22 @@
 //741
 @media only screen and (min-width: 46.3125em) {
   .short-col {
-    width: 32.21238%;
+    width: 31.65217%;
   }
 
   .wide-col {
-    width: 66.01769%;
+    width: 64.86956%;
   }
 
   .projects {
     margin-top: 10em;
+    margin-left: -0.88495%; //10px of 1130px container
+    margin-right: -0.88495%;
   }
 
   .project {
     float: left;
-
-    &:nth-child(2n) {
-      margin-right: 1.7699%;
-    }
+    margin: 0 0.86956% 1.73912%; //10px and 20px of 1150px container
 
     &-caption {
       padding: 3.7em 2.5em 3.7em 3em;
@@ -294,4 +293,4 @@
   .project-title {
     font-size: 4.6em;
   }
-}
\ No newline at end of file
+}
diff --git a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content
index 0303888..1412772 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content
@@ -1 +1 @@
-.burger-holder{float:right;height:100%}.burger-holder:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}.burger{position:relative;width:2.5em;height:1.8em;display:inline-block;vertical-align:middle;cursor:pointer}.burger>div{position:absolute;left:0;right:0;background:#171616;height:.2em}.burger .top{top:0;transition:transform .5s,top .2s}.burger .middle{top:.8em;transition:transform .5s ease .2s,top .2s}.burger .bottom{top:1.6em;transition:all .5s ease .1s}.show-burger-menu .burger .top{top:.8em;transform:rotate(135deg)}.show-burger-menu .burger .middle{transform:rotate(-135deg)}.show-burger-menu .burger .bottom{top:.8em;opacity:0;transform:rotate(180deg)}.show-burger-menu .links{visibility:visible;opacity:1}.projects{margin-top:4.5em;margin-bottom:3.5em}.project{margin-bottom:2em}.project a{position:relative;display:block}.project img{display:block;max-width:100%;height:auto}a:hover .project-hover{background:#224afa;color:#fff;opacity:.9;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-ms-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.project-hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all 200ms linear 300ms;-moz-transition:all 200ms linear 300ms;-ms-transition:all 200ms linear 300ms;-o-transition:all 200ms linear 300ms;transition:all 200ms linear 300ms}.project-caption{padding:1.5em;line-height:1.2}.project-title{max-height:3.5em;font-size:2.8em;font-weight:700;overflow:hidden}.project-type{margin-top:.5em;font-size:1.4em;text-transform:uppercase}.line::before{content:"";display:block;height:1px;background:#ebebeb;margin-top:4.2em;margin-bottom:4.2em}.bottom-space{margin-bottom:4.2em}.sticky-navigation .nav-container{position:fixed;z-index:10;width:100%;padding-bottom:1.5em;-webkit-box-shadow:0 5px 7px 0 rgba(1,1,1,.1);box-shadow:0 5px 7px 0 rgba(1,1,1,.1);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s}.sticky-navigation .navbar{height:5em;padding-top:1.5em}.sticky-navigation .logo img{max-height:5em}.sticky-navigation .header{padding-top:9.1em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media only screen and (min-width:22.5625em){.projects{margin-top:7.5em;margin-bottom:6em}}@media only screen and (min-width:27.875em){.project-title{font-size:3.5em}.project-type{font-size:1.6em}}@media only screen and (min-width:46.3125em){.short-col{width:32.21238%}.wide-col{width:66.01769%}.projects{margin-top:10em}.project{float:left}.project:nth-child(2n){margin-right:1.7699%}.project-caption{padding:3.7em 2.5em 3.7em 3em}.project-title{font-size:4em;max-height:4.8em}}@media only screen and (min-width:58.5em){.project-title{font-size:4.6em}}
\ No newline at end of file
+.burger-holder{float:right;height:100%}.burger-holder:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}.burger{position:relative;width:2.5em;height:1.8em;display:inline-block;vertical-align:middle;cursor:pointer}.burger>div{position:absolute;left:0;right:0;background:#171616;height:.2em}.burger .top{top:0;transition:transform .5s,top .2s}.burger .middle{top:.8em;transition:transform .5s ease .2s,top .2s}.burger .bottom{top:1.6em;transition:all .5s ease .1s}.show-burger-menu .burger .top{top:.8em;transform:rotate(135deg)}.show-burger-menu .burger .middle{transform:rotate(-135deg)}.show-burger-menu .burger .bottom{top:.8em;opacity:0;transform:rotate(180deg)}.show-burger-menu .links{visibility:visible;opacity:1}.projects{margin-top:4.5em;margin-bottom:3.5em}.project{margin-bottom:2em}.project a{position:relative;display:block}.project img{display:block;max-width:100%;height:auto}a:hover .project-hover{background:#224afa;color:#fff;opacity:.9;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-ms-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.project-hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all 200ms linear 300ms;-moz-transition:all 200ms linear 300ms;-ms-transition:all 200ms linear 300ms;-o-transition:all 200ms linear 300ms;transition:all 200ms linear 300ms}.project-caption{padding:1.5em;line-height:1.2}.project-title{max-height:3.5em;font-size:2.8em;font-weight:700;overflow:hidden}.project-type{margin-top:.5em;font-size:1.4em;text-transform:uppercase}.line::before{content:"";display:block;height:1px;background:#ebebeb;margin-top:4.2em;margin-bottom:4.2em}.bottom-space{margin-bottom:4.2em}.sticky-navigation .nav-container{position:fixed;z-index:10;width:100%;padding-bottom:1.5em;-webkit-box-shadow:0 5px 7px 0 rgba(1,1,1,.1);box-shadow:0 5px 7px 0 rgba(1,1,1,.1);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s}.sticky-navigation .navbar{height:5em;padding-top:1.5em}.sticky-navigation .logo img{max-height:5em}.sticky-navigation .header{padding-top:9.1em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media only screen and (min-width:22.5625em){.projects{margin-top:7.5em;margin-bottom:6em}}@media only screen and (min-width:27.875em){.project-title{font-size:3.5em}.project-type{font-size:1.6em}}@media only screen and (min-width:46.3125em){.short-col{width:31.65217%}.wide-col{width:64.86956%}.projects{margin-top:10em;margin-left:-.88495%;margin-right:-.88495%}.project{float:left;margin:0 .86956% 1.73912%}.project-caption{padding:3.7em 2.5em 3.7em 3em}.project-title{font-size:4em;max-height:4.8em}}@media only screen and (min-width:58.5em){.project-title{font-size:4.6em}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json
index 3922a69..5eec569 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json
+++ b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json
@@ -1 +1 @@
-{"Target":"css/app.min.51ad7fd6159659a17f8393bded8a6d333988a85cab80a9a98d0009bc709caf91.css","MediaType":"text/css","Data":{"Integrity":"sha256-Ua1/1hWWWaF/g5O97YptMzmIqFyrgKmpjQAJvHCcr5E="}}
\ No newline at end of file
+{"Target":"css/app.min.cc835b1799bf6fe2a897584bf0a0310cd082da7eafb9a6811769860c9d6a2a0a.css","MediaType":"text/css","Data":{"Integrity":"sha256-zINbF5m/b+Kol1hL8KAxDNCC2n6vuaaBF2mGDJ1qKgo="}}
\ No newline at end of file