title: How to position element and make it responsive
body: <p>I have my element like this </p>
  
  <p><a href="https://i.stack.imgur.com/ZDZoU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZDZoU.png" alt="enter image description here"></a></p>
  
  <p>Here is the Css for 1,2,Send element </p>
  
  <pre><code> .card {
    width: 100%;
    min-width: 200px;
    max-width: 350px;
    margin: 2rem auto !important;
    padding: 20px;
  }
  </code></pre>
  
  <p>I want to achieve this result , and make this + button near the number 1 element. </p>
  
  <p><a href="https://i.imgur.com/TAztakV.png?1" rel="nofollow noreferrer"><img src="https://i.imgur.com/TAztakV.png?1" alt="enter image description here"></a></p>
  
  <p>and make my element responsive on all devices.</p>
  
  <p>Is there a Way to do it ? </p>
  
  <p>I tried to change the element 1 css like this .</p>
  
  <pre><code>.card1 {
      width: 100%;
      min-width: 200px;
      max-width: 250px;
      margin: 2rem auto auto 11rem !important;
      padding: 20px;
    }
  </code></pre>
  
  <p>The problem is that it's not getting responsive on various device .</p>