Would really appreciate some feedback on this page as I am trying to get the main image responsive. I have tried two different methods; one works well on small screens but the image is not centre on desktops, the other is centre on desktops but goes loopy on the small screens.
If I could get some feedback on where I could improve on this I would really appreciate it, Thank you!!
Give your image
display: block; width: 100%; height: auto;
If you want to adjust the width of your img, give container of your image a set width.
Thanks for the feedback, in this example the container is the main container.
So, I will try and give the image its own container and hopefully it will work.