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?