diff --git a/client/src/pages/guide/english/bootstrap/cards/index.md b/client/src/pages/guide/english/bootstrap/cards/index.md
index 6eb5a9ca05..25adcde8fb 100644
--- a/client/src/pages/guide/english/bootstrap/cards/index.md
+++ b/client/src/pages/guide/english/bootstrap/cards/index.md
@@ -76,3 +76,12 @@ The structure of the card can be enhanced by the addition of a header and a foot
   <div class="card-img-overlay">Overlay content</div>
 </div>
 ```
+### Card is balanced with the image
+
+<div class="card" style="width: 18rem;">
+  <img class="card-img-top" src="..." alt="Card image cap">
+  <div class="card-body">
+    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+  </div>
+</div>
+<!--You must set the image height on all cards -->