title: How to make card body horizontal in small screens in bootstrap 4
body: <p>I would like to how to make card horizontal in small(mobile) screens using bootstrap 4.</p>
  
  <p>Below image as shown, card vertical in desktop/larger screens and card horizontal in mobile/smaller screens.</p>
  
  <p><a href="https://i.stack.imgur.com/4IcF2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4IcF2.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;div class="card-deck py-4"&gt;
        &lt;div class="card"&gt;
            &lt;img src="../images/providers/tw-s01.svg" style="width:100%" class="card-imm-3"/&gt;
                &lt;div class="card-body"&gt;
                    &lt;div class="card-title card-headtext"&gt;step 1&lt;/div&gt;
                    &lt;div class="card-text cardtext"&gt;Register for a free 
                    account&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
   &lt;/div&gt;
  
  </code></pre>