Nascondere codice responsive

[djjunior]

Salve,
sto modifcando il mio layout per renderlo responsive.
In pratica vorrei che nella versione "desktop" una parte di codice non sia "attiva"
E ho fatto così, praticamente voglio spostare tabella nella versione mobile inserendo TR:

    <div class="fot"></tr><tr></div>

nel css:

@media (min-width: 320px) 
{
.fot {display:block;}
}

@media (min-width: 990px) 
{ 
.fot {display:none;}
}

Ma così facendo vedo anche nella versione desktop i TR attivi e quindi la funzione va sia sulla versione mobile che versione desktop, dove sbaglio?
Grazie

[Vincent.Zeno]

    <div class="fot"></tr><tr></div>

che cacchio è sta roba!

[fluxKami]

<tr> è un tag che rappresenta la riga di una tabella ed ha senso soltando se inserito all'interno di un tag <table> e se contiene delle celle <td>. Non ci possono essere interferenze all'interno della struttura della tabella, altrimenti ti va tutta in ciampanelle.
Sostituisci i <tr> con un altro elemento.

Ad ogni modo hai semplicemente sbagliato la sintassi per le media query.

@media screen and (min-width: ???px)

Se non risolvi ti invito a mostrare una porzione maggiore dell'HTML.