I am trying to flex align (justify: space between) three logos pulled from a collection list.
I applied the flexbox properties onto the collection list, hopping the collection items would align accordingly. It appears it doesn’t really work, it seems like the collection items always keep the same even width, despite the different logo width inside them.
Any advice ?
I am probably doing something wrong, eventhoug I used flexbox before.
here is the readonly link to my project:
On the flex child “Collection Item 2” set the item to Don’t Shrink instead of Shrink. This way each collection item will not adjust its size and the flex container or your list can properly calculate the space around layout.
Thank you all for your answers and informational links, highly appreciate !
I tried to adjust the settings as advised, but the logo images still remain centered in their respective collection items.
I guess what I’d like to achieve, is to have the left logo align its very border to the very left and the right logo align its border to the very right while having the center logo aligned, well in the center