I have some cards with portrait-type images on the left and text on the right. I use a flexbox for this layout and have the max-width at 70vh to leave space for the text. This works OK but some images are being blown up too much for their resolution, so I’d like to limit the size to say 2x the original pixel size while still keeping the 70vh constraint. From the experimenting I’ve done so far it looks like you can only have one constraint at a time though. Is it possible to set the max-width to “70vh or 2x the original width, whichever is smaller”?
Maybe you could accomplish it with css’s min() function.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.