aboutsummaryrefslogtreecommitdiff
path: root/content/overview-images/index.md
diff options
context:
space:
mode:
authorJake G2022-07-23 09:19:44 -0700
committerGitHub2022-07-23 09:19:44 -0700
commitfe718cfb3b63bce0dcc8766d32b1f86f8cc65ade (patch)
tree9864e381bf833539630867880b90d567d46cecc4 /content/overview-images/index.md
parent72ed630089e1aaa7d8ed88fd3b4d03d55af52326 (diff)
parent57180ea58118adf754b26ebb78f488da41fcad4c (diff)
downloadabridge-fe718cfb3b63bce0dcc8766d32b1f86f8cc65ade.tar.gz
abridge-fe718cfb3b63bce0dcc8766d32b1f86f8cc65ade.tar.bz2
abridge-fe718cfb3b63bce0dcc8766d32b1f86f8cc65ade.zip
Merge pull request #85 from tshepang/typo
fix typos
Diffstat (limited to 'content/overview-images/index.md')
-rw-r--r--content/overview-images/index.md5
1 files changed, 2 insertions, 3 deletions
diff --git a/content/overview-images/index.md b/content/overview-images/index.md
index 3762f9d..f36060d 100644
--- a/content/overview-images/index.md
+++ b/content/overview-images/index.md
@@ -1,6 +1,6 @@
+++
title = "Image Shortcodes"
-description = "Images can be embeded directly using markdown `![Ferris](ferris.svg)`, but using a shortcode prevents CLS by explicitly setting the width and height."
+description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a shortcode prevents CLS by explicitly setting the width and height."
date = 2021-05-19
[taxonomies]
@@ -12,7 +12,7 @@ keywords = "Image, Markdown, Shortcodes, Hover"
thumbnail = "ferris-gesture.png"
+++
-This post covers the **imghover and img shortcodes**. Images can also be embeded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score.
+This post covers the **imghover and img shortcodes**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score.
<!-- more -->
# img Shortcode
@@ -104,4 +104,3 @@ This can be used to compare only one image with another by passing only two src
{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }}
```
{{ imghover(src=["/overview-rich-content/ferris.svg", "/overview-rich-content/ferris-gesture.svg"] w=600 h=400 p=45) }}
-