Come nascondere e mostrare immagini su mobile e desktop

In un post, ci sono 10 immagini.

Le prime 5 immagini, come nasconderle su mobile (mostrare comunque su desktop).

Le ultime 5 immagini, come nasconderle su desktop (mostrare comunque su mobile).

C’è qualche HTML e CSS ragionevole per fare quanto sopra?

Grazie mille esperti di Discourse.

Ehi,

Penso che il modo più affidabile sia racchiudere le immagini.

[wrap="hide-mobile"]
... prime cinque immagini
[/wrap]

[wrap="hide-desktop"]
... ultime cinque immagini.
[/wrap]

Poi, il CSS:

Nella scheda Mobile:

[data-wrap="hide-mobile"] {
    display: none;
}

Nella scheda Desktop:

[data-wrap="hide-desktop"] {
    display: none;
}

Cosa ne pensi?

7 Mi Piace