css - *min-widthを使うだけ* div要素を隠す

Question

min-width を使用するだけchallange-targetで、408px 未満の要素 を非表示challange-targetして、最大408px.

このコードを試しましたが、うまくいきません:

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

何か案は？

ここにjsfiddleリンクがあります

Answer 1

画面幅が 408 未満の場合は非表示.challenge-targetにし、画面幅が 408 ピクセル以上の場合は 408 ピクセルで表示するということですか?

最小から順に; その要素を隠す

.challange-target {
    display: none;
}

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