Issues on Homepage

Not a big issue but on the Zencart homepage the 'zencart box' image is being distorted on mobile and tablet. The reason this is happening is that the image is being forced to display larger than its actual dimensions. In the solution I posted, you’ll see that all I had to do was remove the fixed height and width, and the image displayed correctly on all devices.

On another note, the other image "DEPLOY YOUR WEBSITE is also much larger than it needs to be at 4480 × 6720. I would definitely recommend resizing it to better align with modern web standards and improve page performance.

chadlly2003:

Not a big issue but on the Zencart homepage the 'zencart box' image is being distorted on mobile and tablet. The reason this is happening is that the image is being forced to display larger than its actual dimensions. In the solution I posted, you’ll see that all I had to do was remove the fixed height and width, and the image displayed correctly on all devices.

On another note, the other image "DEPLOY YOUR WEBSITE is also much larger than it needs to be at 4480 × 6720. I would definitely recommend resizing it to better align with modern web standards and improve page performance.

Just a heads-up: I noticed a lot of the images on the site have fixed height and width values. I’d recommend letting CSS control the image sizing while preserving the original aspect ratio, so the images resize properly and don’t appear distorted.