Safari (on PC, iPhone and iPad) stretches images vertically. How to fix?

  • 0
    Good evening, tell me how to fix the problem with displaying the site in safari on pc, iPhone and iPad. Pictures are stretched vertically, although everything works correctly on android and in normal browsers.
    Site address: cityartgallery.com


    JavaScript Colin Blankenship, Jan 3, 2019

  • 1 Answers
  • 0
    Because flex in safari will probably remain crooked and crooked.

    Add vertical alignment to the line where you have pictures, something like this:



    <div class="row d-flex justify-content-center align-items-center">
    ...
    </div>


    Or you can add object-fit: contain to the pictures.
    Anonymous

Your Answer
To place the code, please use CodePen or similar tool. Thanks you!