Responsive image in CSS

Question

How can I make an image responsive to different screen size with CSS?, please.

Answer 1

OK thanks I will try it

Answer 2

Thank you all for your response, I really appreciate your support but please none of the techniques work

Answer 3

I didn't because when I write the code given to me, the image display it originally size rather than the one stated in the CSS CODE

Answer 4

OK thank you but I tried this too, but very unfortunate the image some times didn't fit the screen width

Answer 5

img {
  width: 100vw;
}

Answer 6

Muhammad Tijjani Umar did you find out the right solution for you code, what is it?

Answer 7

You cannot show your attempt? This is necesary for getting help.

Answer 8

Finally, I was able to solve the problem by using 'width:100% and height to a number I want, it gives me what I want thank you all.