aboutsummaryrefslogtreecommitdiff
path: root/content/overview-images
diff options
context:
space:
mode:
authorTshepang Mbambo2022-07-23 17:53:27 +0200
committerTshepang Mbambo2022-07-23 17:53:27 +0200
commit267486167f4c0774dd8d985e0c67a88ae459cbe7 (patch)
tree5e318be6b9d7d2964991aa007a1f6d56d3e3439d /content/overview-images
parent72ed630089e1aaa7d8ed88fd3b4d03d55af52326 (diff)
downloadabridge-267486167f4c0774dd8d985e0c67a88ae459cbe7.tar.gz
abridge-267486167f4c0774dd8d985e0c67a88ae459cbe7.tar.bz2
abridge-267486167f4c0774dd8d985e0c67a88ae459cbe7.zip
fix typos
Diffstat (limited to 'content/overview-images')
-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) }}
-