3-column preview card component built with HTML and CSS

Another take on another simple challenge using basic HTML and CSS.

Again, I added CSS variables that allow customization, such as --max-width, --min-height.

For the card's layout logic, I used the Flexbox Holy Albatross technique and added constraints specific to this layout. Ideally, the card can hold one to three child segments. That said, nothing prevents users from adding more child segments, but the layout will switch to a vertical layout to prevent columns that are too narrow for the contained elements.