Salve. Ho iniziato a creare siti web circa 3 anni fa e ancora ho problemi con sto maledetto responsive design. La cosa che mi fa arrabbiare di più è che conosco come risolvere il problema (Media Queries) ma lo stesso non ci riesco -.-

Come faccio a creare un sito web responsive senza ridimensionare la finestra del browser e andare a tentativi? Dovrei fare una proporzione matematica? Ditemi voi quale tecnica D:

Inoltre, tenendo conto del codice che segue:

codice HTML:
@media screen and (min-width: 1024px){ #playnow{margin-left: 440px !important;}}
@media screen and (min-width: 4096px){#playnow{margin-left: 1950px !important;}}
@media screen and (min-width: 931px){#playnow{margin-left: 390px !important;}}
@media screen and (min-width: 819px){#playnow{margin-left: 310px !important;}}
succede qualcosa di fastidioso. Come vedete le Media Queries sono quattro. Succede SEMPRE che almeno 2-3 di loro vengono trascurate e solo 1-2 di loro funzionano per davvero.
Io vedo certi siti web che li ridimensioni come vuoi, ma il responsive rimane da paura! Da invidiare!
Non so proprio come muovermi. Chiedo aiuto a voi. Grazie in anticipo!