fix(portfolio): respect ratio for images

Fixes #1
bigbrozer · May 25, 2023 · 1cb1822 · 1cb1822
1 parent 964391b
commit 1cb1822
Showing 1 changed file with 26 additions and 14 deletions.
diff --git a/partials/portfolio.hbs b/partials/portfolio.hbs
@@ -1,17 +1,29 @@
 {{! Show pictures from posts tagged with "portfolio" }}
 <div
-    class="uk-grid-small uk-child-width-1-3@m"
-    uk-grid uk-height-match="img"
-    uk-lightbox="animation: slide">
-    {{#each posts}}
-        {{#unless isHidden}}
-        {{#checkIf template '==' "portfolio"}}
-            <div uk-scrollspy="cls: uk-animation-fade">
-                <a class="uk-inline" href="{{featuredImage.urlMd}}" data-caption="{{title}}">
-                    <img src="{{featuredImage.urlMd}}" height="300" alt="">
-                </a>
-            </div>
-        {{/checkIf}}
-        {{/unless}}
-    {{/each}}
+  class="uk-grid-small uk-child-width-1-3@m"
+  uk-grid
+  uk-height-match="img"
+  uk-lightbox="animation: slide"
+>
+  {{#each posts}}
+    {{#unless isHidden}}
+      {{#checkIf template "==" "portfolio"}}
+        <div uk-scrollspy="cls: uk-animation-fade">
+          <a
+            class="uk-inline"
+            href="{{featuredImage.urlMd}}"
+            data-caption="{{title}}"
+          >
+            <img
+              class="uk-object-cover"
+              src="{{featuredImage.urlMd}}"
+              height="300"
+              alt=""
+              style="aspect-ratio: 1 / 1"
+            />
+          </a>
+        </div>
+      {{/checkIf}}
+    {{/unless}}
+  {{/each}}
 </div>