wip porfolio alternate layout

assets/sass/_theme/blocks/pages.sass

@@ -234,6 +234,7 @@
                 position: relative
                 display: flex
                 flex-direction: column
+                width: columns(4)
                 a
                     @include stretched-link
                 .media 

assets/sass/_theme/blocks/posts.sass

@@ -275,6 +275,8 @@
                         margin-top: -5%
                     + .post:not(.portrait, .square, .landscape)
                         margin-top: -3%
+            article
+                width: columns(4)
         @include media-breakpoint-down(desktop)
             .post 
                 .post-meta

assets/sass/_theme/blocks/projects.sass

@@ -35,10 +35,15 @@
             @include media-breakpoint-down(desktop)
                 .project + .project
                     margin-top: $spacing-4
+        @include in-page-with-sidebar
+            article
+                width: columns(5)
         @include in-page-without-sidebar
             .top
                 .description
                     @include body-text
+            article
+                width: columns(7)
 
     .large
         .project

assets/sass/_theme/design-system/layout.sass

@@ -128,10 +128,9 @@ details
 .alternate
     article
         @include media-breakpoint-up(desktop)
-            width: columns(4)
             &:not(:first-child)
                 margin-top: -5%
-            &:nth-child(even)
+            &:nth-child(odd)
                 margin-left: auto
             &.portrait
                 + .portrait
@@ -143,7 +142,6 @@ details
                     margin-top: -5%
             &.square + .square
                 margin-top: -10%
-    @include in-page-with-sidebar
     @include in-page-without-sidebar
         width: columns(10)
         margin-left: auto