如何定位元素并使其响应

Question

我有这样的元素

这是1,2，发送元素的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;
  }

问题在于它没有在各种设备上获得响应。

Answer 1

您可以在css中使用@media查询。 使用此功能，您可以指定各种屏幕尺寸并根据它应用属性。