CODEWITHSUNDEEP
htmlcss
Chris
Chris

Reputation: 41

Wrong image ratio in Safari browser

On the iPhone or also on a Mac with Safari Browser some images get the wrong ratio if the window size is smaller than the image width. In other browsers (on windows) it works fine and the ratio is changing fine.

Because I have only an iPhone, could somebody check and find out the issue with a Mac?

For example: The image with the groom at the first look topic: https://christianwagnerfilms.com/welcomeguide/index.html

Thanks, Christian

Upvotes: 0

Views: 1034

Answers (1)

Jonathan Nicol
Jonathan Nicol

Reputation: 3298

This rule is causing the image to stretch:

@media screen and (max-width: 1030px) {
    .img-right {
        display: flex; /* this declaration */
    }
}

Upvotes: 1

Related Questions