title: Bootstrap 4 - card overflow in small screen
body: <p>in my application, I use a lot the bootcard .card class.</p>
  
  <p>Only, very often when I switch to mobile view, I notice a big overflow, which causes a display bug, and my whole page is found shifted.</p>
  
  <p>Which means that I have to change the code in my .card class each time to make sure everything fits even in mobile view. It's very weird</p>
  
  <p><strong>On large screen :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/uLqPV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uLqPV.png" alt="enter image description here"></a></p>
  
  <p><strong>On small screen :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/VEkFD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VEkFD.png" alt="enter image description here"></a></p>
  
  <p>This is the code :</p>
  
  <pre><code>&lt;div class="card mt-4"&gt;
      &lt;h5 class="card-header"&gt;
          Abonnement
          &lt;div class="float-right"&gt;
              &lt;button class="btn btn-light btn-sm mb-1"&gt;Ne pas résilier l'abonnement&lt;/button&gt;
          &lt;/div&gt;
      &lt;/h5&gt;
      &lt;div class="card-body"&gt;
          &lt;table class="table table-borderless"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;PRODUIT&lt;/th&gt;
                      &lt;th&gt;PROCHAINE FACTURE&lt;/th&gt;
                      &lt;th&gt;CRÉÉ LE&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          TETETE
                          &lt;span class="badge badge-secondary"&gt;Annulation prévue 03/05/2020&lt;/span&gt;
                          &lt;br&gt;
                          &lt;p class="text-secondary"&gt;
                              basic
                          &lt;/p&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          Pas de prochaine facture
                      &lt;/td&gt;
                      &lt;td&gt;
                          03/04/2020
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks for your help !</p>