要素を見えなくする

display: none;

指定した要素を見えなくし、要素のスペースごと消します。

.test {
    display: none;
}

visibility: hidden;

指定した要素を隠し、要素のスペースは残します。

.test {
    visibility: hidden;
}
visibility: collapse;

行・列の表の一部を一部を隠し、スペースのみ残します。

.test {
    visibility: collapse;
}

デバイス幅が480pxより小さくなったら、4番目以降の要素をスペースごと消す。

@media (max-width: 480px) {
    .test:nth-of-type(n+4) {
        display: none;
    }