From 8217c89617ffe44dc9d1ca285be84d3e3a11084b Mon Sep 17 00:00:00 2001
From: Hamzah Gani <h.gani@hotmail.com>
Date: Mon, 17 Dec 2018 05:59:37 +0200
Subject: [PATCH] added a final example for more clarity (#33379)

* added a final example for more clarity

* fix: fixed formatting
---
 guide/english/css/css-images/index.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/guide/english/css/css-images/index.md b/guide/english/css/css-images/index.md
index e89e32e319..b285711761 100644
--- a/guide/english/css/css-images/index.md
+++ b/guide/english/css/css-images/index.md
@@ -27,6 +27,15 @@ img {
 <!-- Please add any articles you think might be helpful to read before writing the article -->
 It is advised to change any one parameter, either height or width, to get a proportionate image. Changing both dimensions results in forced scaling and is not advisable.
 
+**Example:** Both of these will result in a proportionate image
+```
+<img src="picture.jpg" alt="Picture" width="100">
+    
+//  or
+     
+<img src="picture.jpg" alt="Picture" height="100">
+```
+
 ##### Properties
 <a title="The image-orientation CSS property describes how to correct the default orientation of an image." href="/en-US/docs/Web/CSS/image-orientation"><code>image-orientation</code></a>
 <a title="The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images." href="/en-US/docs/Web/CSS/image-rendering"><code>image-rendering</code></a>