1. cliveportman
  2. /code
  3. /flickity-images-max-width-and-webkit-bug

Flickity carousel, images, max-width and Webkit

If you're using max-width: 100% with your images in your CSS, don't be surprised if it breaks your Flickity slideshow in Webkit browsers. The fix is to use remove the max-width for images in the slideshow:

.flickity img {
    max-width: none;

Flickity bug-report here - fortunately it didn't take me two hours to track this bug down...