Skip to content

Instantly share code, notes, and snippets.

@jonwolfe

jonwolfe/vocal-video-sized-images.html

Created May 12, 2021 21:58
Show Gist options
  • Save jonwolfe/31b2159604026325c2ba6d83c2f47fc0 to your computer and use it in GitHub Desktop.
Save jonwolfe/31b2159604026325c2ba6d83c2f47fc0 to your computer and use it in GitHub Desktop.
Download ZIP
Right-sizing smaller images in Vocal Video articles
Raw
vocal-video-sized-images.html
Max 300px wide:
<figure class="kg-card kg-image-card">
<img class="kg-image max-width-300 centered" alt="" src="">
<figcaption>Optional caption here</figcaption>
</figure>
Max 400px wide:
<figure class="kg-card kg-image-card">
<img class="kg-image max-width-400 centered" alt="" src="">
<figcaption>Optional caption here</figcaption>
</figure>
Max 500px wide:
<figure class="kg-card kg-image-card">
<img class="kg-image max-width-500 centered" alt="" src="">
<figcaption>Optional caption here</figcaption>
</figure>
Max 600px wide:
<figure class="kg-card kg-image-card">
<img class="kg-image max-width-600 centered" alt="" src="">
<figcaption>Optional caption here</figcaption>
</figure>
Max 700px wide:
<figure class="kg-card kg-image-card">
<img class="kg-image max-width-700 centered" alt="" src="">
<figcaption>Optional caption here</figcaption>
</figure>
Max 800px wide:
<figure class="kg-card kg-image-card">
<img class="kg-image max-width-800 centered" alt="" src="">
<figcaption>Optional caption here</figcaption>
</figure>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment