At the moment I have 3 sizes of the same image. 1 size for different sized screens. These images are loaded from a css file. The code is;
#head-photo {
width: 100%;
background-image: url('http://what-do-christians-believe.co.uk/wpimages/people_2d.png');
height:235px;
}
I am trying to put the image into an html file so that I can add an alt tag to it. I thought that the easiest way to do this would be to make the image responsive. I am using the following css code for this'
#head-photo {
max-width: 100%;
Height: 85px;
}
The problem is that it isn't resizing the image. It is just using a chunk of it. I have attached a file for you to see. the problem.
You might want to look at this image on my site to see what it should look like.
How do I make the image responsive or at least show the bottom half of the picture?
The attachments of this post were removed during the platform migration in 2018