Hi,
I searched the forums but haven't found an answer about this.
I have created a simple eBay template based on w3.css inline style sheet. When I paste into the eBay form it passes checks and the mobile test also works. When I publish the advert, however, the images in Chrome, IE, Firefox (latest versions) all are fixed at original size. If I browse from my mobile phone, however, the resizing works well and appears as intended.
Any idea why it doesn't work on desktop browsers?
Advert is here: https://www.ebay.co.uk/itm/202385270343
and the template I created:
<!DOCTYPE html>
<html>
<title>Keith eBay Template 2018</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,p,a,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
</style>
<body>
<div class="w3-container w3-light-green">
<h2>Harry Potter and the Philosopher's Stone</h2>
<h4>Ted Smart First Edition, Hardback, 3rd Print</h4>
<div class="w3-panel w3-round-large w3-khaki">
<h3>Description</h3>
<p>This is an auction for my Harry Potter and the Philosopher's Stone Ted Smart First Edition. It is a 3rd Print as you can see from the
inside cover. These are still highly sought after and I'm sure will continue to gain value over time!</p>
<p>This edition has lived for at least 10 years in a box in a cool dry cupboard, and prior to that on a shelf in the shade so the cover hasn't faded at all. There is a little
wear that can be seen to the top edge of the sleeve but there are no marks on or in the book itself.</p>
<p>How do you identify which edition and print run? I found the following link helpful:</p>
<p></p>
<a href="https://www.peterharrington.co.uk/blog/is-my-harry-potter-book-valuable-2/" target=_blank">Peter Harrington - Is my Harry Potter Book Valuable</a>
</p>
</div>
<div class="w3-panel w3-round-large w3-khaki">
<h3>Shipping</h3>
<p>I will ship this item using the Hermes ParcelShop service. If you would like me to use an alternate courier please contact me.
</div>
<div class="w3-panel w3-round-large w3-khaki">
<h3>Photographs</h3>
<img class="w3-image w3-round-large" src="https://image.ibb.co/gFRCJo/IMG_2036.jpg" style="width:100%">
<img class="w3-image w3-round-large" src="https://image.ibb.co/jn5sjT/IMG_2041.jpg" style="width:100%">
<img class="w3-image w3-round-large" src="https://image.ibb.co/iGJWB8/IMG_2037.jpg" style="width:100%">
<img class="w3-image w3-round-large" src="https://image.ibb.co/cBfiPT/IMG_2039.jpg" style="width:100%">
<img class="w3-image w3-round-large" src="https://image.ibb.co/kzuk4T/IMG_2038.jpg" style="width:100%">
</div>
</div>
</body>
</html>