Welcome to the Treehouse Community
Looking to learn something new?
Why does the #wrapper not flex to the larger size of the contained images?
Why does the #wrapper, with a max-width: 940px; not flex to the larger size of the contained images that have a width of 1024px?
As the images inside #wrapper are bigger than this containing div I thought either the #wrapper might flex to the larger size or the images might be reduced to the smaller size.
Steven Parker216,148 Points
The images are overflow-ing the wrapper.
If you want to cut off the part of the image that extends beyond the wrapper, you can set "
overflow: hidden" on the wrapper.
If you'd rather have the image shrink to fit inside the wrapper, you can set "
width: 100%" (or "
max-width: 100%") on the image.
I just wanted to know the mechanics of it and you've explained that. Your tweaks really help too.