improved social feed images

code-312 · Dec 29, 2022 · 424ecd5 · 424ecd5
1 parent d6b4ada
commit 424ecd5
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/_data/picture.yml b/_data/picture.yml
@@ -4,6 +4,14 @@ media-queries:
   desktop: 'min-width: 1024px'
 
 presets:
+  social:
+    formats: [webp]
+    widths: [420]
+    format_quality:
+      png: 85
+      jpg: 85
+      webp: 85
+    dimension_attributes: true
   hero:
     formats: [webp]
     widths: [1600]

diff --git a/_includes/components/image.html b/_includes/components/image.html
@@ -1,5 +1,5 @@
 {%
-  picture
+  picture social
   {{ include.link }}
   --alt {{ include.alt }}
 %}
diff --git a/_includes/components/social.html b/_includes/components/social.html
@@ -1,5 +1,5 @@
 <div class="connect">
-  <h4>Connect with us</h4>
+  <h3>Connect with us</h3>
   <p class="body-1">[email protected]</p>
   <div class="social-container">
     <a href="https://www.facebook.com/CannaEquityIL/" aria-label="Facebook" target="_blank">

diff --git a/_sass/sections/_instagram-feed.scss b/_sass/sections/_instagram-feed.scss
@@ -32,6 +32,7 @@
 
     img {
       width: 100%;
+      height: auto;
     }
    }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -32,6 +32,7 @@ @@
         img {
           width: 100%;
+          height: auto;
         }
        }
     }