break point media queries

[Fabio90]

Ciao a tutti,
sto cercando di ottimizzare questo sito per mobile e il che mi sta facendo letteralmente impazzire: http://fabiotoscano.it/carboniadv/

Ad esempio per quale motivo questa istruzione non viene interpretata su mobile?

@media only screen
and (max-width : 320px) {
.text {
padding-left:font-size:30px;
}
}

Grazie dell'aiuto

 

[criric]

Ciao, non credo che nessun browser riesca a interpretare questa istruzione

padding-left:font-size:30px;

le istruzioni sono due

padding-left: 10px;
font-size:30px;

 

[Fabio90]

Si ne sono convinto pure io!

cmq anche facendo così il problema non si risolve..

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

.text {
padding-left:50px;
font-size:40px;
}
/* Styles */
}