Css *仅使用最小宽度*隐藏div元素

仅使用最小宽度我想在408px下方隐藏

challange target

元素，并显示

challange target

至

408px

我尝试了此代码，但不起作用：

@media only screen and (min-width: 408px) {
    .challange-target {
        display: block;
    }
}

有什么想法吗

---

这是你想要隐藏的

。当屏幕宽度<408时挑战目标
，当屏幕宽度>=408px时在408px处显示它

最小的第一；隐藏那个元素

.challange-target {
    display: none;
}

@media only screen and (min-width: 408px) {
    .challange-target {
        display: block;
        width:408px;
    }
}