In media object docs, wrap the paragraph explaining flex mode differences in a callou...

diff --git a/docs/pages/media-object.md b/docs/pages/media-object.md
index 57944723c10986f1412c8445fdca3016c764ed54..1bcfa75b6298c6415d493f4686b9a322f3cb2164 100644 (file)
--- a/docs/pages/media-object.md
+++ b/docs/pages/media-object.md
@@ -23,7 +23,9 @@ A media object is a container with the class `.media-object`, and two or three s
 </div>
 ```
 
-In flexbox mode, the class `.main-section` must be added to your center section in order to properly size it.
+<div class="primary callout">
+  <p>In flexbox mode, the class `.main-section` must be added to your center section in order to properly size it.</p>
+</div>
 
 ```html
 <div class="media-object">