refactor(layouts): responsive images

alebabai · Mar 28, 2024 · ff12139 · ff12139
1 parent 2d9a77a
commit ff12139
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/layouts/404.html b/layouts/404.html
@@ -3,7 +3,7 @@
     <h1>{{ .Title }}</h1>
     {{ .Content }}
     {{- with resources.Get "images/apache.jpg"}}
-      <img src="{{ .RelPermalink }}" width="500" alt="Attack helicopter">
+      <img src="{{ .RelPermalink }}" alt="Attack helicopter" style="width:100%; max-width: 500px; height: auto;">
     {{- end }}
   {{- end }}
 {{- end }}
diff --git a/layouts/index.html b/layouts/index.html
@@ -1,6 +1,6 @@
 {{- define "main" }}
   {{ .Content }}
   {{- with resources.Get "images/luffy.png"}}
-    <img src="{{ .RelPermalink }}" alt="Monkey D. Luffy" height="400">
+    <img src="{{ .RelPermalink }}" alt="Monkey D. Luffy" style="max-width: 100%; height: auto; max-height: 350px;">
   {{- end }}
 {{- end }}