iPad responsiveness

[Hugo Bertrand]

Hello!!

I have an about me page www.aplaceforwords.ink/about and when on (iPad resolution: 996 x 780 or smaller ), the image block is not centred while the text block is, It looks a bit weird....
Anybody has magical CSS code I can put in the custom CSS code of my "about" page so that when on iPad resolution, all the content is entered, just like it is in the iPhone resolution?

 

[chrishirst]

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

 

[Hugo Bertrand]

Thank you chrishirst, that helps!!!

But then what am i supposed to do exactly?

@media screen and (min-width: 480px) {
body {
background-color: lightgreen;
}
}

Should I replace "background colour" by "content" the I replace: "light green " by "centre"

Im not a web developer and I have no idea. I'm using a template on wordpress and I can't modify the code that much, I can just add a general CSS code that affects the whole about page , Let me attach a screenshot .

If you can save my life, I would appreciate it so much!!!