updated coding page layout slightly

README.md

@@ -2,7 +2,7 @@
 
 Personal website of Maximilian Boll. Feel free to look around.
 
-![](https://img.shields.io/badge/version-v1.1.4-brightgreen?style=for-the-badge)
+![](https://img.shields.io/badge/version-v1.1.5-brightgreen?style=for-the-badge)
 ![](https://img.shields.io/github/last-commit/MyXoToD/makkusu.dev?style=for-the-badge)
 ![](https://img.shields.io/github/actions/workflow/status/MyXoToD/makkusu.dev/deploy.yml?style=for-the-badge)
 

src/_includes/post-coding.njk

@@ -4,7 +4,7 @@
   {% set cover = fallbackcover %}
 {% endif %}
 
-<article class="post">
+<article class="post post--coding">
   <a href="{{ project.url | url }}" class="post__image">
     <iframe height="100%" style="width: 100%;" scrolling="no" title="{{ project.data.title }}" src="https://codepen.io/MyXoToD/embed/{{ project.data.codepen }}?default-tab=result&editable=true&theme-id=dark&data-show-tab-bar=no" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"></iframe>
   </a>

src/assets/stylesheets/_post.scss

@@ -16,6 +16,15 @@
     animation-range: entry 0% entry 50vh;
   }
 
+  &--coding {
+    .post__data {
+      grid-column: 9 / -1;
+    }
+    &.post:nth-child(even) .post__data {
+      grid-column: 1 / 5;
+    }
+  }
+
   &:hover {
     .post__image {
       &:before {