Images On Mobile Are Much Smaller Than!
When I insert an image into my Wordpress blog, the image fills the usable area fine on desktop. Images fill the usable blog space and are easy to see.
On mobile, these images do not fill the screen as I'd like them to. I've looked and cannot find any part of the CSS or HTML that would restrict image size on mobile, but I know I'm missing something.
Someone vaguely suggested something about floating point on images, but my knowledge of HTML/CSS is fairly limited. Below is an example screen shot of how the image does not take up the usable space, despite having the resolution to do so.
I did add the following custom CSS to my homepage, but this did not help.
u/media (max-width: 900px) {
`.edd-image-wrap {`
`float: none;`
`padding: 15px 0 0 0;`
`max-width: 100%;`
`}`
`.edd-image-wrap img{`
`float: none;`
`margin: 0;`
`}`
Any guidance is much appreciated.
Thanks!