Flexbox problem in Chrome

Edit: I see the other thread with the same problem.
Hi, I’m in chapter 04, pag 84 and I added this snippet to my code:

    .detail-image-container {
       flex: 1 1 auto;
       display: flex;
       justify-content: center;
       align-items: center;

and the result in Chrome is as shown in this image:

.detail-image is occupying space from the other flex elements.So I download the code and tried again and this happen in Chrome (750 x 575):

I tried in Firefox (750 x 575):

I think there is a bug in Chrome that doesn’t render correctly flexbox…
Chrome and Firefox are up to date:

  • Chrome: 55.0.2883.87
  • Firefox: 50.1.0

Is there any way to solve this? anyone know what is happening?