I don't understand why my image change the height of my div, I'm in flex-col so basis change the height and not the width (in flex-row). So I have an height defined by my basis-28 but with my image whiwh is big the height change and become greater but I would like to not resizing my div I would like to reduce the height and so the dimensions of my image and not the opposite.
"......"
I tried to use a flex property in my second div but it did nothing, I use w-{number} to define manually the width and it reduce the dimension of my image but I lost the property of my flexbox to grow and to shrink when the screen size change... I would like to keep the principles of the flexbox (grow and shrink) with a initial size defined by basis or something else