Image Caption width of Image
Well hello everyone,
I have a given size (fullscreen modal) in which I want to show an Image as large as possible. That would be easy with object-fit: contain but unfortunately the image also needs a caption below it, that should have the width of the image itself. If the image was always landscape that would be easy, but it might have any aspect ratio.
I added an image how its supposed to look like and I have a codepen, where I tried around with grid and flex, but couldn't find a solution.
Thank you for your ideas
https://codepen.io/tobiaswust/pen/rNoEYXV
I have a given size (fullscreen modal) in which I want to show an Image as large as possible. That would be easy with object-fit: contain but unfortunately the image also needs a caption below it, that should have the width of the image itself. If the image was always landscape that would be easy, but it might have any aspect ratio.
I added an image how its supposed to look like and I have a codepen, where I tried around with grid and flex, but couldn't find a solution.
Thank you for your ideas
https://codepen.io/tobiaswust/pen/rNoEYXV
