Jak docílit toho, aby se text zobrazil na www stránce jen na zařízeních s rozlišením pod 1024px?

• Jedna z mozností je pres .css a 'Media Queries' /* {@media .....;}

Děkuji.

A něco přímo do HTML?

Jako třeba toto pro obrázky:

<picture>
<source media="(min-width: 820px)" srcset="1.png">
<source media="(min-width: 630px)" srcset="1_550.png">
<img src="1_360.png" alt="">
</picture>

Ale na text to chce asi něco jiného.

TAk se mi to přecejen podařilo rozchodit přes ty styly.

Do stylů jsem přihodil:

@media screen and (min-width: 820px) {
    .text_se_zobrazi_jen_na_mobilnich_zarizenich {
        display: none !important;
    }
}

A do HTML pak:

<p class="text_se_zobrazi_jen_na_mobilnich_zarizenich ">TEXT</p>

A funguje to. :)