Rendere le immagini responsive in WordPress

Come spesso mi capita, mi vengono richiesti tutorial per funzioni che normalmente per me sono ovvietà ma per molti sono grandi ostacoli!
Per esempio rendere Responsive un immagine è molto importante dato che la maggior parte degli Internauti naviga da Mobile!
Per chi non lo sapesse, Responsive vuol dire: Che si Adatta a qualsiasi Dispositivo. Quindi se inseriamo un immagine sul una pagina o articolo dobbiamo fare sempre attenzione che sia visibile correttamente sia dal nostro PC-Desktop che da Mobile.
Per evitare brutte sorprese come per esempio Immagini Mozze o Deformate conviene sempre fare qualche prova di anteprima e controllare bene il codice HTML durante l’editing.
Consiglio sempre di visualizzare l’editing dell’articolo su WordPress sempre in TESTO invece che VISUALE, nonostante quest’ultima sia più comoda e semplice in realtà può creare non pochi problemi grafici e di Leggibilità al SitoWeb.
Oltre questi piccoli consigli ho realizzato un Tutorial per spiegare brevemente come rendere un immagine Responsive!

Creare un form responsive a due colonne con Contact Form 7

https://youtu.be/hKWK6GwusIk

Pubblicato il 24 apr 2016

Come creare un form contatti in WordPress con Contact Form 7 a due colonne responsive per dispositivi mobili.

Di seguito il codice CSS da usare:
/*— 2 Column Form Styles Start —*/
#left {
width: 47%;
float: left;
margin-right: 6%;
}

#right {
width: 47%;
float: left;
}

.clearfix:after {
content: “\020”;
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
margin-bottom: 10px;
}

.clearfix {
display: block;
}

/*— 2 Column Form Styles End —*/