Css 如何定位元素并使其响应

我有这样的元素

下面是1,2，Send元素的Css

 .card {
  width: 100%;
  min-width: 200px;
  max-width: 350px;
  margin: 2rem auto !important;
  padding: 20px;
}

我想实现这个结果，并使这个+按钮靠近1号元素

并使我的元素在所有设备上都能响应

有办法吗

我试图像这样更改元素1 css

.card1 {
    width: 100%;
    min-width: 200px;
    max-width: 250px;
    margin: 2rem auto auto 11rem !important;
    padding: 20px;
  }

---

问题是它在各种设备上都没有响应。

您可以在css中使用@media查询。

---

有了它，您可以指定各种屏幕大小并基于它应用属性。

问题是，send和第二个元素正常，但第一个元素没有响应：/Share css for+。最好在fiddle/plunker？中创建一个工作示例用于媒体查询中的加号和第一个元素。类似于这样的吗？