styling adjustment for sticky alignment

vue-theme/src/pages/index.vue

@@ -165,7 +165,7 @@ export default {
                 ul
                     display: grid
                     grid-template-columns: 
-                        49.5% 24.25% 24.25%
+                        49.5% 24.35% 24.35%
                     grid-template-rows: repeat(2, 1fr)
                     gap: 0 $ms--2
                     li
@@ -197,7 +197,7 @@ export default {
                             grid-column-start: 3
                     &.flipped
                         grid-template-columns: 
-                            24.25% 24.25% 49.5% 
+                            24.35% 24.35% 49.5% 
                         li
                             &:nth-of-type(1)
                                 grid-row-end: 2
@@ -212,11 +212,12 @@ export default {
                         max-height: $max-card-img-height
                 &.stickies
                     .post 
-                        min-width: 24.25%
+                        min-width: 24.35%
+                        max-width: 33%
                     ul
                         &.flipped
                             grid-template-columns: 
-                                24.25% 24.25% 49.5% 
+                                24.35% 24.35% 49.5% 
                             li
                                 &:nth-of-type(1)
                                     grid-row-end: 2
@@ -240,7 +241,7 @@ export default {
                                     width: 100%
                         &.sticky-5
                             grid-template-columns: 
-                                24.25% 24.25% 49.5%
+                                24.35% 24.35% 49.5%
                             grid-template-rows: 
                                 repeat(2, 1fr)
                             gap: 3% 1%