Fix example Blog post card text overflowing for medium screen size. (#25416)

diff --git a/docs/4.0/examples/blog/index.html b/docs/4.0/examples/blog/index.html
index d5f9cfe56b8ec5ee3507ac7bb067847eacbd21c2..2fad7bb517d312b11fca167006d35edd272723ef 100644 (file)
--- a/docs/4.0/examples/blog/index.html
+++ b/docs/4.0/examples/blog/index.html
@@ -74,7 +74,7 @@
               <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
               <a href="#">Continue reading</a>
             </div>
-            <img class="card-img-right flex-auto d-none d-md-block" data-src="holder.js/200x250?theme=thumb" alt="Card image cap">
+            <img class="card-img-right flex-auto d-none d-lg-block" data-src="holder.js/200x250?theme=thumb" alt="Card image cap">
           </div>
         </div>
         <div class="col-md-6">
@@ -88,7 +88,7 @@
               <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
               <a href="#">Continue reading</a>
             </div>
-            <img class="card-img-right flex-auto d-none d-md-block" data-src="holder.js/200x250?theme=thumb" alt="Card image cap">
+            <img class="card-img-right flex-auto d-none d-lg-block" data-src="holder.js/200x250?theme=thumb" alt="Card image cap">
           </div>
         </div>
       </div>